网站建设对企业的好处,html5做视频网站,深圳高端做网站,石景山网站建设多少钱问题#xff1a;用户点击保存时#xff0c;可能会多次点击。导致生成重复数据。
目标#xff1a;多次点击时#xff0c;1s内只允许提交一次数据。
解决方案#xff1a;
1.在utils文件夹创建文件preventReClick.js export default {install (Vue) {// 防止按钮重复点击V…问题用户点击保存时可能会多次点击。导致生成重复数据。
目标多次点击时1s内只允许提交一次数据。
解决方案
1.在utils文件夹创建文件preventReClick.js export default {install (Vue) {// 防止按钮重复点击Vue.directive(preventReClick, {inserted (el, binding) {// console.log(binding-7, binding)el.addEventListener(click, () {if (!el.disabled) {el.disabled truesetTimeout(() {el.disabled false}, binding.value || 2000)}})}})}}
2.在main.js中引入 3、在.vue 文件中使用
