Vue 3 の最上位入力フィールドから focus イベントをトリガーすると:
...入力フィールドがフォーカスされているときに (予想どおり) イベントが 1 回発生します。
しかし、同じ入力フィールドを子コンポーネントに配置してフォーカスすると:
リーリー...イベントは 2 回トリガーされます。
https://stackblitz.com/edit/vue-wjhche?devToolsHeight=33&file=src/components/HelloWorld.vueを参照してください
なぜこのようなことが起こっているのか理解させていただけますか?ありがとう！
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
したがって、子コンポーネントは既にその
focusイベントをinput にバインドしているため、子コンポーネントやinputフィールドに focus イベントを配置しないでください。、inputがルート要素であるため、focus イベントは 2 回呼び出されます。入力からフォーカス イベントを削除するだけで問題は解決します。https://stackblitz.com/edit/vue -676vsb?file=src/components/InputField.vue