Vue中实现按钮点击禁用,可用于异步请求中防止用户多次请求
首先需要在Vue实例中定义属性按钮未被禁用Html:<div><button @click="submit()" :disabled="isDisable">点击</button></div>JavaScript:var vm = new Vue({el: "#app",data:{isDisab...
·
首先需要在Vue实例中定义属性
按钮未被禁用
Html:
<div>
<button @click="submit()" :disabled="isDisable">点击</button>
</div>
JavaScript:
var vm = new Vue({
el: "#app",
data:{
isDisable: false
},
methods: {
disabel:function(){
//点击按钮之后禁用按钮
this.isDisable = true
//处理
......
//
setTimeout(() => {
this.isDisable = false
}, 2000)
},
},
})
更多推荐
已为社区贡献1条内容
所有评论(0)