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

}