vuejs中的失去焦點事件是“@blur”，當(dāng)元素失去焦點時會觸發(fā)該事件，使用方法：在標(biāo)簽?zāi)０逯刑砑印癅blur="事件處理函數(shù)"”語句綁定事件，使用JavaScript設(shè)置觸發(fā)事件時需要執(zhí)行的代碼即可。

本教程操作環(huán)境：windows7系統(tǒng)、vue2.9.6版，DELL G3電腦。

@blur 是當(dāng)元素失去焦點時所觸發(fā)的事件

@focus是元素獲取焦點時所觸發(fā)的事件

示例：

 <template>   <div>     <!--     @blur 當(dāng)元素失去焦點時觸發(fā)blur事件     -->     <div>       <input type="text" placeholder="請輸入內(nèi)容" @blur="blurText"/>     </div>     </div> </template>   <script>     export default {       name: "commitText",       methods:{         blurText(){           console.log("blur事件被執(zhí)行了")         }       }     } </script>   <style scoped>   </style>