<div id="app">
<button @click="submit" :disabled="isDisable">点击</button>
</div>
data(){
return{
isDisable:false
}
}
methods:{
submit(){
this.isDisable=true
setTimeout(()=>{
this.isDisable=false //点击一次时隔两秒后才能再次点击
},2000)
}
}
vue中防止防止重复提交
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 全局directive的写法 局部directive的写法 使用: ————————————————版权声明:本文...
- 订单重复问题已经是老生常谈的问题了,我们熟悉的淘宝购物流程,购物车-->生成订单--》提交订单--》订单确认--》...
- 订单重复问题已经是老生常谈的问题了,我们熟悉的淘宝购物流程,购物车-->生成订单--》提交订单--》订单确认--》...