vue制作发送验证码倒计时代码 验证码倒计时

html代码：

 <label id="sendCode"  @click="countdowm" style="line-height:40px;margin-left:10px;cursor:pointer;">
              {
  {content}}
            </label>

data参数：

 data() {
    return {
      content: "发送验证码",
      canClick: true,
      refreshData: null
    };
  },

js代码：

//发送手机验证码
        countdowm() {
        let totalTime = 60;
        if (!this.canClick) return; //节流
        this.canClick = false;
        this.content = totalTime + "s重新发送";
        $('#sendCode button').attr('disabled',true);
        
        this.refreshData = window.setInterval(()