前端登錄頁點擊獲取驗證碼的實現

dom部分：

<div v-if="way=='密碼登錄'" class="code"><div class="up" @tap="codeup">{{coded}}</div><input v-model="code" type="text" placeholder="請輸入驗證碼"></div>

js部分：

var login = new Vue({
      el: '#login',
      data: {
          way:'快捷登錄',
          goto_txt:'登錄',
          coded:'獲取驗證碼',
          totalTime: 60,
          phone:'',
          password:'',
          code:''
      },

codeup: function () {
            if(this.coded=='獲取驗證碼'){
                this.coded = '發送中';
                mui.getJSON(url+'/code',{
                        type:'login',
                        phone:this.phone
                    },function(data){
                        //data = JSON.stringify(data);
                        if(data.code==200){
                            if(login.totalTime==60){
                                var bo_clock = window.setInterval(function () {
                                  login.totalTime--;
                                  login.coded = login.totalTime + 's';
                                  if (login.totalTime < 0) {
                                   window.clearInterval(bo_clock);
                                   login.coded = '獲取驗證碼';
                                   login.totalTime = 60;
                                  }
                                 },1000)
                            }
                        }else{
                            login.coded = '獲取驗證碼';
                            mui.toast(data.msg);
                        }
                    });
            }
          }