Was ist das Lost-Focus-Ereignis in Vuejs?

Das Fokusverlustereignis in vuejs ist „@blur“. Dieses Ereignis wird ausgelöst, wenn das Element den Fokus verliert. Verwendung: Fügen Sie die Anweisung „@blur="event handler"" zur Tag-Vorlage hinzu, um das Ereignis zu binden. und verwenden Sie JavaScript, um nur den Code festzulegen, der ausgeführt werden muss, wenn das Ereignis ausgelöst wird.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Vue-Version 2.9.6, DELL G3-Computer.

@blur ist ein Ereignis, das ausgelöst wird, wenn ein Element den Fokus verliert @blur 是当元素失去焦点时所触发的事件

@focus

@focus ist ein Ereignis, das ausgelöst wird, wenn ein Element den Fokus erhält

Beispiel:

 <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>

Verwandte Empfehlungen: „vue.js Tutorial

“🎜

Das obige ist der detaillierte Inhalt vonWas ist das Lost-Focus-Ereignis in Vuejs?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!