你這么理解，什么情況失去焦點呢？ 就是你的input失去焦點的時候，所以你離開的時候點擊了提交的按鈕
你可以不要寫 @blur 可以點擊submitform的時候，獲取到input的輸入值

   <input v-model="Input_box"/>
  <button @click="submitform">提交</button>

     data(){
   return{
      Input_box:""
   }
},
 methods:{
    submitform(){
        console.log(this.Input_box);
    }
}

這個跟vue有毛關系？你點擊按鈕肯定是失去焦點了啊
我這里直接觸發(fā)2個事件的??！

<input @blur="checkName" v-model="val"/>
<button @click="submitform">提交</button>

var vm = new Vue({
    el: ".vueBox",
    data: {
        val:'',    
    },
    methods: {
        checkName(){
            console.log(1111111,this.val);
        },
        submitform(){
            console.log(222,this.val);
        },
    }

});

要不然你改

<input @keyup="checkName" v-model="val"/>

首先，blur比onClick優(yōu)先級高，那么blur里面驗證，如果驗證通過，就會繼續(xù)執(zhí)行onClick，如果驗證不通過，將驗證結果給onClick，在onClick里直接return.

如果是異步驗證，請使用async await