vue 按钮点击10S后在进行请求

1、 <el-button icon="el-icon-s-opportunity" type="info" :disabled="abledBut" size="mini" @click="batchVerify" v-hasPermi="['system:buyer:verify']">批量验证买号降权
</el-button>
<el-tag style="margin-left:10px" v-if="abledBut">({{setTimeNum}}s)</el-tag>


2、
data数据：
abledBut: false, //是否禁止
setTimeNum: 10, // 倒计时时间
timeWrap: null, // 定时器标识

3、实时监听
watch: {
setTimeNum (newVal, oldVal) {
if (newVal < 0) {
clearInterval(this.timeWrap)
this.abledBut = false
this.setTimeNum = 10
}
}
},

4、在按钮函数里面添加
if (this.setTimeNum > 0) {
this.abledBut = true
this.timeWrap = setInterval(() => {
this.setTimeNum -= 1
}, 1000)
}

5完成 如果成功请点个赞谢谢
日常模板 而已