vue指令实现 防止按钮短时间内多次点击
1.创建一个clickStatefrom.js文件写上vue 全局指令//clickStatefrom.js文件export default {install (Vue) {// 防止重复点击Vue.directive('preventClick', {inserted (el, binding) {el.addEventListener('click', () => {if (!el.di
·
1.创建一个clickStatefrom.js文件
写上vue 全局指令
//clickStatefrom.js文件
export default {
install (Vue) {
// 防止重复点击
Vue.directive('preventClick', {
inserted (el, binding) {
el.addEventListener('click', () => {
if (!el.disabled) {
el.disabled = true
setTimeout(() => {
el.disabled = false
}, 6000)
}
})
}
})
}
}
2.在main.js 入口文件引用
import preventClick from './utils/clickStatefrom' // 根据自己的路径
Vue.use(preventClick)
3.然后就可在全局使用了
<button @click="educe" v-preventClick >导出</button>
更多推荐
已为社区贡献6条内容
所有评论(0)