【问题标题】:Vue js dynamic component nestingVue js 动态组件嵌套
【发布时间】:2018-11-22 03:45:57
【问题描述】:

我可以使用以下方式将组件从数组变量添加到主组件:

<component :is="currentTabComponent"></component>

现在我想在渲染组件中添加另一个动态组件。

如果你说 using slot 那么我如何访问特定组件的 slot 并将我的 variable component 推送到该 slot。

https://jsfiddle.net/capt8ndq/42/

我创建的示例小提琴有 mainContainer->slider->sliderContent(这可能有进一步的嵌套)结构。

在取得一些进展后出现以下错误

Vue warn]: Failed to mount component: template or render function not defined.

found in

---> <Anonymous>

感谢您的帮助!

【问题讨论】:

  • 很难从有限的细节中回答,但是您可以像处理任何其他组件一样在动态组件的插槽中渲染组件; by putting it between the tags.
  • @Bert 你正朝着正确的方向前进。应该在 slot 标签中添加你添加的子组件动态 bcos 子组件可能有另一个组件要在子组件内呈现。如果它是 5 级嵌套,那么我该如何使用脚本来做到这一点.....
  • 如果没有具体细节,我不知道如何回答这个问题。
  • @Bert 我添加了示例小提琴。

标签: vuejs2 vue-component


【解决方案1】:

不使用插槽,而是通过将 props 向下传递给该渲染组件来使用 props,并将该渲染组件修改为也具有 &lt;component :is="componentFromProps"&gt;&lt;/component&gt;

【讨论】:

    猜你喜欢
    • 2018-07-31
    • 1970-01-01
    • 2015-09-06
    • 2020-01-24
    • 2020-04-11
    • 2018-10-03
    • 2018-07-16
    • 1970-01-01
    • 2021-01-26
    相关资源
    最近更新 更多