Maison >interface Web >Questions et réponses frontales >Quel est l'événement de perte de focus dans vuejs

Quel est l'événement de perte de focus dans vuejs

青灯夜游
青灯夜游original
2021-09-27 19:28:4611361parcourir

L'événement de perte de focus dans vuejs est "@blur". Cet événement sera déclenché lorsque l'élément perd le focus. Comment l'utiliser : Ajoutez l'instruction "@blur="event handler"" au modèle de balise pour lier l'événement. et utilisez JavaScript pour le définir uniquement le code qui doit être exécuté lorsque l'événement est déclenché.

Quel est l'événement de perte de focus dans vuejs

L'environnement d'exploitation de ce tutoriel : système Windows 7, vue version 2.9.6, ordinateur DELL G3.

@blur est un événement déclenché lorsqu'un élément perd le focus @blur 是当元素失去焦点时所触发的事件

@focus

@focus est un événement déclenché lorsqu'un élément prend le focus

Exemple :

 <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>
Recommandations associées : "Tutoriel vue.js

"🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:Vuejs est-il une API ?Article suivant:Vuejs est-il une API ?