javascript - 将 vue.js 组件从子组件添加到父组件

Question

有没有什么方法可以将 vue.js 组件从子组件渲染到其父组件(可能不是直接父组件)，就像插槽一样，但方向相反？

我的用例:在我的根组件中，我有一个 <router-view>和模态容器。我希望能够从路由器 View 的任何子组件向模态包装器添加一个子组件。

我是不是错过了 vue.js 的一个特性，还是有更好的实践来解决这个问题？

Answer 1

我想我迟到了，但这是我为后代提供的解决方案(仅当您使用 vue-router 时有效):

routes: [  
  path: '/dashboard',
  name: 'dashboard',
  component: DashboardIndex,
  children: [{
      path: 'popup',
      component: PopupPlaceholder,
      children: [{
          path: 'a',
          name: 'a',
          component: A,
      }, {
          path: 'b',
          name: 'b',
          component: B,
      }],
  }],
]