从 Vue 项目中的不相关组件触发方法和更改子组件状态的模式

问题描述 投票:0回答:0

我有一个导航组件,它有可扩展的导航项,其中包含自己的子菜单项。 每个菜单项都有控制其展开或折叠的状态以及切换此状态的方法。

我的问题是从另一个组件折叠所有项目的最佳方法是什么。 用例是当导航关闭时我想折叠导航项。这可以从不是导航的直接祖先的标题组件触发。

我是查看/nuxt 的新手,所以不确定如何进行。这会是使用事件总线的用例吗?或者还有其他更合适的模式吗?

应用程序

Header:具有切换导航组件的按钮

Navigation:NavigationItems 的包装器,可以自行切换。

↳ NavigationItem:多个实例并管理自己的状态以扩展状态。

javascript vue.js nuxt.js vuejs3 nuxtjs3
© www.soinside.com 2019 - 2024. All rights reserved.