博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue el-form鼠标事件导致页面刷新解决方案;vue 阻止多次点击提交数据通用方法...
阅读量:6504 次
发布时间:2019-06-24

本文共 575 字,大约阅读时间需要 1 分钟。

一.阻止表单自动提交刷新页面: 
注意: 鼠标事件导致页面刷新问题,在el-form上增加 @submit.native.prevent 可阻止页面刷新
 
二.阻止表单多次重复点击提交数据公共方法: export default {}.install = (Vue, options = {}) => {  Vue.directive('dbClick', {    inserted(el, binding) {      el.addEventListener('click', e => {        if(!el.disabled) {          el.disabled = true;          let timer = setTimeout( () => {            el.disabled = false;          },1000)        }      })    }  })} 用法:
保存
在提交保存按钮出添加v-dbClick,引入全局公共方法。

 

转载于:https://www.cnblogs.com/tiantianleyuan123/p/9912084.html

你可能感兴趣的文章
HDU 2049
查看>>
《Spring1之第十次站立会议》
查看>>
Unity Shader 噪声消融特效 - 剑灵死亡特效
查看>>
Eclipse 自动生成 Ant的Build.xml 配置文件
查看>>
添加一条信息到列表,如果重复就替换,
查看>>
C#基础第五天
查看>>
MEF 编程指南(六):导出和元数据
查看>>
宝明34
查看>>
python 小数相加报错 invalid literal for int() with base 10
查看>>
【ubuntu】linux链接库
查看>>
uva 12325 枚举暴力 b
查看>>
多线程问题(JVM重排序)
查看>>
LeetCode 459 Repeated Substring Pattern
查看>>
POJ 3268 Silver Cow Party
查看>>
进程线程及堆栈关系的总结
查看>>
Android Camera开发:使用TextureView和SurfaceTexture预览Camera 基础拍照demo
查看>>
EMLS项目推进思考
查看>>
python_os 的知识点
查看>>
Eclipse快捷键 10个最有用的快捷键
查看>>
2018-2019-1 20165302 实验五 通讯协议设计
查看>>