vue element 倒计时

      <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);

}

原文地址:https://www.cnblogs.com/xzhce/p/13253617.html