首页 > 技术文章 > vue element 倒计时

xzhce 2020-07-06 10:46 原文

      <el-button @click="sendMsg" type="primary" :disabled="isDisabled">{{buttonName}}</el-button>

 

buttonName: "发送短信",
isDisabled: false,
time: 60,

 

sendMsg() {
let me = this;
me.isDisabled = true;
let interval = window.setInterval(function() {
me.buttonName = '(' + me.time + '秒)后重新发送';
--me.time;
if(me.time < 0) {
me.buttonName = "重新发送";
me.time = 60;
me.isDisabled = false;
window.clearInterval(interval);
}
}, 1000);

}

推荐阅读