Vue js动态组件嵌套

时间:2018-06-12 17:06:38

标签: vuejs2 vue-component

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

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

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

如果您说使用广告,那么我该如何访问特定组件的广告位并将我的变量组件推送到该广告位。

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

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

我在取得一些进展后得到以下错误

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

found in

---> <Anonymous>

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

不使用slot,而是通过将props传递给渲染的组件来使用props,并将修改后的组件修改为<component :is="componentFromProps"></component>