vue|vue 指令防止按钮重复点击 vue指令防止按钮重复点击

在main.js中写入

文章图片
【vue|vue 指令防止按钮重复点击】然后再需要用到的页面直接使用

文章图片
v- preventReClick 这里有一个小问题：
原理是在点击的时候，给自身加一个disabled禁止点击, 两秒后disabled取消，
但是这个指令方法，在div上面没有生效，所以需要用button按钮

Vue.directive('preventReClick', {
inserted (el, binding) {
el.addEventListener('click', () => {
if(!el.disabled) {
el.disabled =truesetTimeout(() => {
el.disabled =false}, binding.value || 3000)
}
})
}
})

借鉴于https://www.cnblogs.com/adbg/p/11271237.html

vue|vue 指令防止按钮重复点击

推荐阅读

大豆一米多少株，一亩大约需要多少种子

砭石有什么好处

关于帽子的成语

单机redis qps redis单机指的什么

sas主成分分析标准化,主成分分析sas结果分析

土豆保存不发芽方法

房贷本息好还是本金好什么是等额本金

女人吃人参怎么吃效果好

海尔空调吹风显示e7怎么解决是什么原因造成的

影楼微信直播，微信直播干什么

2018-09-08|2018-09-08 岁月如歌

医生|手术中，医生掰断患者肋骨，这个救人值得点赞

苹果iphone手机降频怎么办_苹果手机降频解决办法

西汉名将陈汤是谁（陈汤假传圣旨为何没死？）

英雄联盟S12季前赛装备有什么调整 S12季前赛装备调整介绍

oppo|别抠抠搜搜的买手机！尽量一步到位，选择这3款国产高端手机

一个汉堡包的英文汉堡包用英语怎么写

python注册退出函数退出python的命令

扇叶铁线蕨扇叶铁线蕨的用法

什么叫优蛋白食物

vue|vue 指令 防止按钮重复点击

推荐阅读

vue|vue 指令防止按钮重复点击