vuejs のフォーカス喪失イベントとは何ですか

vuejs の失われたフォーカス イベントは "@blur" です。このイベントは、要素がフォーカスを失ったときにトリガーされます。使用方法: "@blur="event handler"" ステートメントをタグ テンプレートに追加します。イベントをバインドするには、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 中国語 Web サイトの他の関連記事を参照してください。