鍍金池/ 問答/HTML5  Linux  HTML/ 為什么change事件失去焦點(diǎn)沒有作用?

為什么change事件失去焦點(diǎn)沒有作用?

這是子組件中:
<v-form-item class="pwd reg-cell" required :label="showlabel" prop="vertifyCode">

  <v-input v-model="vertifyCode" @change="send()" name="vertifyCode" placeholder="6位數(shù)字手機(jī)驗(yàn)證碼"></v-input>
  <button type="button" class="uploadfile" id="getcode" @click="getcode">{{SMSCode}}</button>
</v-form-item>

methods:{

  //發(fā)送驗(yàn)證碼
getcode(){
  this.intverTime = 10;
  var $up = $('#getcode');
  this.sentime =setInterval(() => {
    if ( this.intverTime > 0) {
      this.intverTime = this.intverTime -1;
      this.SMSCode = this.intverTime + "s 后重試";
      $up.attr("disabled",true);  
    } else {
      $up.attr("disabled",false);  
      this.SMSCode = "獲取驗(yàn)證碼";
      clearInterval(this.sentime);
      this.intverTime = 10;
      this.isloading = false;
    }
  }, 1000);
  post(this, api.sendCode, {'phoneNumber': this.phoneNumber }, (response) => {
    if (response.code == 0) {
      // callback();
      console.log('獲取驗(yàn)證碼成功');
    } else {
      this.SMSCode = "獲取驗(yàn)證碼";
      // clearInterval(this.sentime);
      this.intverTime = 10;
      this.isloading = false;
    }
  });
},
send(){
  console.log(this.vertifyCode);   //沒有打印值,說明change事件沒有觸發(fā),值發(fā)送不到父組件中去
  this.$emit('getVal',this.vertifyCode);
  // this.$emit('child-info',this.msgChild)
}

},

//父組件中
<v-getcode @getVal="phonecode" :phoneNumber="registerParams.phoneNumber" ></v-getcode>
methods: {

phonecode(val){
  console.log('接收子組件傳過來的code值:'+val);
  this.registerParams.vertifyCode = val;
},

}

回答
編輯回答
情未了

change 只是在文本框發(fā)生變化是所觸發(fā)的
你失去焦點(diǎn) 輸入完成也可以用blur

但是這個(gè)不是特別如意

你直接watch 監(jiān)聽這個(gè)model值的變化不更好

2017年7月22日 08:33
編輯回答
懶豬

失去焦點(diǎn)不會(huì)觸發(fā)change事件吧,觸發(fā)失焦的事件是@blur

2017年1月18日 19:30
編輯回答
傻叼

觸發(fā)change事件前提: 1、輸入框中內(nèi)容發(fā)生改變 2、失去焦點(diǎn)

2017年3月9日 20:28