这里我们通过控制isDisable 来设置 disabled来控制按钮的点击和不可点击。 默认isDisable:的值为 false，按钮可以点击。 当我们点击这个按钮的时候，首先将按钮的绑定isDisable设置为true，1秒后立马将其置为false。 所以用户只能有一秒的时间去操作这个按钮。
<template>
<button @click="submit()" :disabled="isDisable">点击</button>
</template>
<script>
export default {
name: 'TestButton',
data: function () {
return {
isDisable: false
}
},
methods: {
submit() {
this.isDisable = true
setTimeout(() => {
this.isDisable = false
}, 1000)
}
},
}
</script>
这里我们通过控制isDisable 来设置 disabled来控制按钮的点击和不可点击。 默认isDisable:...
鼠标事件 onclick 点击事件点击鼠标左键触发 ondblclick双击事件双击鼠标左键触发 onmouseo...
事件修饰符 点击按钮先出发按钮的点击事件再触发div的点击事件，这就是事件冒泡 .stop阻止冒泡，点击按钮只触发...
重复绑定触发按钮 (点击此按钮两次及以上,即可触发重复绑定,再点击下面的按钮就可看到结果) click重复绑定测试...
1. 鼠标事件 onclick 单击触发 dbclick 双击触发 onmousedown 鼠标按钮按下触发 on...
前几天遇到了一个关于前端重复点击事件问题，防止用户恶意操作，重复点击按钮事件，有二个逻辑解决此问题： 1. 2.定...
1.当在折叠面板上添加了按钮，点击按钮时折叠面板冒泡事件也会触发，随之打开收起。 解决方法：在按钮的点击事件中添加...
1、鼠标事件 onclick 鼠标点击事件，当鼠标左键点击时候会触发。 ondbclick 当鼠标双击时候会触发...
按钮 VBA中设置按钮的属性 按钮的事件 按钮最重要的事件 -- 点击点击就触发一次事件 标签 单选按钮控件 同...
给按钮 2 添加点击事件 click 触发按钮 1 的点击事件，就算给按钮 1 添加样式 display: non...
本文标题：关于vue，解决点击确认按钮双击不重复触发事件
本文链接：https://www.haomeiwen.com/subject/mbfnsftx.html
网友评论