按钮置灰后点击事件仍可以触发

在按钮置灰后（disabled--禁用）但是点击事件有时候仍然可以触发
解决方法--只需要在按钮上添加上一个动态的字符串的时间戳就行了
--由于时间戳是数值不是字符串，所以在前面添加一个任意的字符串后加上时间戳就行了，如下：
:key="'submitBtn' +new Date()"

<!-- 在按钮置灰后（disabled--禁用）但是点击事件有时候仍然可以触发
解决方法--只需要在按钮上添加上一个动态的字符串的时间戳就行了
--由于时间戳是数值不是字符串，所以在前面添加一个任意的字符串后加上时间戳就行了，如下：
:key="'submitBtn' +new Date()"
-->
<!--  未添加  :key="'submitBtn' +new Date()"-->
<el-buttontype="primary"v-preventReClick="3000"@click="submit":disabled="submitBtn">提交</el-button>
<el-buttontype="primary"v-preventReClick="3000"@click="zanCun":disabled="zanCunBtn">暂存</el-button><!-- 添加  :key="'submitBtn' +new Date()" -->
<el-button type="primary" v-preventReClick="3000" @click="zanCunTiJiao" :disabled="submitBtn":key="'submitBtn' +new Date()">提交</el-button>
<el-button :key="'zancun' +new Date()" type="primary" v-preventReClick="3000" @click="zanCunTiJiao" :disabled="zanCunBtn">暂存</el-button>export default {data() {return {   submitBtn:false,zanCunBtn::false,}},methods{// 暂存 提交 同一个接口 status 1-暂存 2-提交zanCunTiJiao(val) {this.submitBtn = true;// 只有 填写了数据 或者上传了 东西 才可以暂存 暂存后重新变为 不可点击this.zanCunBtn = true;this.$message.success("保存成功");   },           }
}

按钮置灰后点击事件仍可以触发相关推荐

jquery按钮置灰_点击提交按钮后按钮变灰色不可用状态的三种方法
第一种方法:直接按钮中加入当点击提交后,提交按钮变灰色不可用,这样可有效防止重复提交,本代码就是实现这样一个功能.从代码就可以看出,我们只需在提交按钮上加入这一句: οnclick="ja ...
layui 按钮点击一次后失效_electron-vue自定义边框后点击事件失效问题
问题描述:electron-vue自定义边框后点击事件失效(不单单点击事件,窗体内所有事件都失效) 解决方案:在需要事件处理的节点上添加样式-webkit-app-region:no-drag; sr ...
jquery实现点击按钮变灰不可点击并开始倒计时10秒特效代码
jquery实现点击按钮变灰不可点击并开始倒计时10秒特效代码实现代码代码解析 1.给按钮绑定一个点击事件 2.设置一个初始的时间值,决定按钮过多少秒恢复 3.进行时间判断 4.设置一个计时器实 ...
vue --- 按钮的防重复点击事件
按钮的防重复点击事件 :loading属性当loading = true时:按钮会显示一个旋转的圆圈.此时的按钮是无法点击的当loading = false时:按钮重新变为可点击的状态可以通过使 ...
E9表单按钮置灰功能与单元格自定义属性说明
1:表单单元格自定义按钮配置说明 1.1:选中需要设置按钮的单元格 1.2:设置单元格自定义属性鼠标右键====>设置自定义属性====>id.name.class 如下图: 1.3:插 ...
jbutton添加点击事件_electron-vue自定义边框后点击事件失效问题
问题描述:electron-vue自定义边框后点击事件失效(不单单点击事件,窗体内所有事件都失效) 解决方案:在需要事件处理的节点上添加样式-webkit-app-region:no-drag; sr ...
button按钮置灰
2019独角兽企业重金招聘Python工程师标准>>> 首先说一下这2个标签的区别: <button></button>H5中默认的类型是submit,好像其 ...
android button自动点击事件,Android Button按钮的四种点击事件
本文实例为大家分享了安卓Button按钮的四种点击事件,供大家参考,具体内容如下第一种:内部类实现 1.xml里面先设置Button属性 android:id="+@id/button1& ...
uniapp在onLaunch中使用redirectTo或reLaunch跳转页面后点击事件失效
问题描述: 使用uniapp编译成小程序时,在生命周期onLaunch中运用redirectTo或reLaunch跳转页面后点击事件失效,但是如果你重定向的页面中有使用navigator组件跳转后再返 ...

按钮置灰后点击事件仍可以触发

按钮置灰后点击事件仍可以触发相关推荐

最新文章

热门文章