この Vue 3 アプリケーションの孫コンポーネントのブール変数の値を変更するにはどうすればよいですか?

Question

Vue3アプリケーションを開発しています。ネストされたコンポーネントが 3 つあります。ボタン コンポーネントはナビゲーション コンポーネント内にネストされ、ナビゲーション コンポーネントはコンテンツ コンポーネント内にネストされています。このボタンは、親コンポーネント Main.vue (コンテンツ コンポーネント) 内のブール変数 isVisible の値を切り替える必要があります。孫コンポーネント MyButton.vue 内: <template><button@click="handleClick" class="btnbtn-smbtn-succes

P粉344355715 · Answer

#1 親の Navigation コンポーネントで MyButton コンポーネントを宣言していません。
エクスポートのデフォルト {}

に追加します。リーリー

#2 祖父母の Main コンポーネントでイベントをリッスンしていません。
行を次のように置き換えます:

リーリー

追記: カスタムイベントの場合は、kebab-case を使用することをお勧めします。単なるベストプラクティスです。 toggleVisibility の代わりに toggle-visibility

上に示すように、一度に