Lorsque je déclenche l'événement focus à partir d'un champ de saisie de niveau supérieur dans Vue 3 :
<input @focus="$emit('focus')">
...l'événement est déclenché une fois lorsque le champ de saisie est focalisé (comme je m'y attendais).
Mais lorsque vous placez le même champ de saisie dans un composant enfant et que vous le concentrez :
<InputField @focus="$emit('focus')" />
...L'événement est déclenché deux fois.
Voir https://stackblitz.com/edit/vue-wjhche?devToolsHeight=33&file=src/components/HelloWorld.vue
Pouvez-vous m'aider à comprendre pourquoi cela se produit ? Merci!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Vous ne devez donc pas mettre l'événement focus dans un composant enfant, ni
input字段中，因为子组件已经绑定了其focus事件到input，因此 focus 事件将被调用两次，因为inputqui est l'élément racine.Supprimez simplement l'événement focus de
输入et le problème sera résolu.https://stackblitz.com/edit/vue -676vsb?file=src/components/InputField.vue