vue 处理防止按钮重复点击问题
1.在button上绑定动态的disabled<el-button type="primary" size="mini" @click="testCode" :disabled="codeDisabled">发送验证码</el-button>2.在data中定义codeDisabled: false,3.在点击事件里加入定时器,60000为1分钟不能重复点击testCode
·
1.在button上绑定动态的disabled
<el-button type="primary" size="mini" @click="testCode" :disabled="codeDisabled">发送验证码</el-button>
2.在data中定义
codeDisabled: false,
3.在点击事件里加入定时器,60000为1分钟不能重复点击
testCode() {
this.codeDisabled = true
setTimeout(()=>{
this.codeDisabled = false;
},60000)
}
更多推荐
已为社区贡献9条内容
所有评论(0)