在同一渲染树中发现重复存在的插槽“默认”-使用插槽和作用域插槽

时间:2018-11-17 12:29:38

标签: javascript vue.js vuejs2

我试图制作一个不渲染的标签组件和几个包装器组件,以不同的方式显示标签,而不必重复切换标签的逻辑。

我有一个可行的示例,但我不断收到错误消息:

Duplicate presence of slot "default" found in the same render tree

该项目的灵感来自于一些教程:

选项卡包含两个组件,一个容器和一个选项卡内容。 容器查看将多少子组件传递到插槽中,并从中创建选项卡。

我正尝试将其修改为无渲染组件,因此它将找出选项卡,并将其传递给可以根据需要对其进行处理的父包装器组件。

这是正在运行的组件的jsFiddle。

https://jsfiddle.net/jsotron5000/eywraw8t/464242/

默认插槽仅使用一次,但是我怀疑Vue在包装器和非渲染组件中都发现了它,这就是它引发错误的原因。

我不确定我做错了什么还是Vue从未打算以这种方式使用?

0 个答案:

没有答案