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

青灯夜游
Libérer: 2023-01-11 09:22:41
original
11345 Les gens l'ont consulté

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>
Copier après la connexion
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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal