//這是html的輸入框。定義了一個獲取焦點，失去焦點的方法
 <input placeholder="請輸入企業(yè)名稱" @blur="animateWidth('company_name','blur')" @focus="animateWidth('company_name','focus')" >

   // 失去焦點和得到焦點的驗證方法，name為要驗證的字段名,type為blur或focus
    animateWidth(name, type) {
      if (name == "company_name") {
        if (type == "blur") {
          this.companyName.animate = false;
        } else {
          this.companyName.animate = true;
          return;
        }
        if (this.companyName.companyName.trim().length == 0) {
            this.companyName.valid = false;
            this.companyName.message = "請輸入企業(yè)名稱";
            return false;
        }else{
             this.companyName.valid = true;
            return true;
        }  
      } 
    },

  <i-input class="wallet-password-1" size="large"  v-model="counts" refs = "counts" placeholder="0" type="number">
                </i-input>

directives: {
    'mtfocus' (el, binding, vnode) {
      let mtinput = el.querySelector('input')
      mtinput.onfocus = function () {
       ...//如果要對節(jié)點的數(shù)據(jù)進行更改,且更改要映射到頁面上,則更改可在vnode.context上進行,這樣,改完之后,改變就會映射到頁面
      }
      mtinput.onblur = function () {
        ...//同上理
      }
    }
  }