web-dev-qa-db-fra.com

Comment utiliser la fonction onfocusout dans vue.js?

Je veux appeler une fonction dès que le curseur se déplace d'une zone de texte à la suivante. L'appel de fonction doit être effectué lorsqu'un onglet est cliqué ou après que les entrées attendues sont entrées et déplacées vers la suivante.

javascriptvue.jsvuejs2
13
dexter

Vous recherchez l'événement blur , qui se produit lorsque le <input> perd le focus. Utilisez syntaxe Vue pour ajouter un écouteur d'événement blur- sur le <input>:

v-on:EVENT_NAME="METHOD"

Exemple: 

<input v-on:blur="handleBlur">

Ou une syntaxe plus courte:

@EVENT_NAME="METHOD"

Exemple: 

<input @blur="handleBlur">

new Vue({
  el: '#app',
  methods: {
    handleBlur() {
      console.log('blur');
    }
  }
})
<script src="https://unpkg.com/[email protected]"></script>

<div id="app">
  <input @blur="handleBlur" placeholder="first name">
  <input @blur="handleBlur" placeholder="last name">
</div>
15
tony19