Vue - 路由到组件内的子组件

【问题标题】：Vue - Routing to a subcomponent within a componentVue - 路由到组件内的子组件
【发布时间】：2019-02-06 09:57:30
【问题描述】：

在 Vue 中，我有一个名为 Container 的组件。它由两个组件 ComponentA 和 ComponentB 组成。这是Vue应用程序的代码https：/codesandbox.io/s/p5po0jz47

如何将路由器配置为导航到 ComponentA 上的 ComponentB？

【问题讨论】：

我不认为你可以配置路由器来做到这一点，但你总是可以使用this.$router.push({ name: 'your componentB route' })
有没有办法导航到页面的某个部分？在非 SPA 应用程序中使用 # 的方式是什么？

标签： vue.js vuejs2

【解决方案1】：

我也遇到过类似的挑战。我处理它的方式是在容器中注册两个组件，在容器模板中使用<component></component> 标签，并使用Vuex 来管理当前的<component is=""> 值。

所以组件 A 可能有一个转换到组件 B 的按钮，然后它会触发一个 Vuex 突变，更新一个像 {currentComponent: ""} 这样的 Vuex 状态对象，然后一个 Vuex getter 会在容器组件中提供 <component is=""> 绑定。我敢肯定，有更简单的方法可以做到这一点，但在我的用例中，我希望选择保持不变。

【讨论】：