vuejs中的失去焦點事件是什麼

vuejs中的失去焦點事件是“@blur”，當元素失去焦點時會觸發該事件，使用方法：在標籤範本中新增“@blur="事件處理函數"”語句綁定事件，使用JavaScript設定觸發事件時需要執行的程式碼即可。

本教學操作環境：windows7系統、vue2.9.6版，DELL G3電腦。

@blur 是當元素失去焦點時所觸發的事件

#@focus是元素取得焦點時所觸發的事件

範例：

 <template>
  <div>
    <!--
    @blur 当元素失去焦点时触发blur事件
    -->
    <div>
      <input type="text" placeholder="请输入内容" @blur="blurText"/>
    </div>
 
  </div>
</template>
 
<script>
    export default {
      name: "commitText",
      methods:{
        blurText(){
          console.log("blur事件被执行了")
        }
      }
    }
</script>
 
<style scoped>
 
</style>

相關推薦：《vue.js教學》

以上是vuejs中的失去焦點事件是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！