vue指令封装节流

// 新建js文件
export default {install(Vue) {// 防止重复点击Vue.directive(&＃39;prevent&＃39;, {inserted(el, binding) {el.addEventListener(&＃39;click&＃39;, () &＃61;> {if (!el.disabled) {el.disabled &＃61; truesetTimeout(() &＃61;> {el.disabled &＃61; false// 设置默认时间为3秒}, binding.value || 3000)}})}})}
}


// main.js引用
import prevent from &＃39;./components/prevent&＃39;
Vue.use(prevent);


// 使用
<el-button v-prevent&＃61;"5000" &＃64;click&＃61;"btn" type&＃61;"primary">节流</el-button>