我试图制作一个不渲染的标签组件和几个包装器组件,以不同的方式显示标签,而不必重复切换标签的逻辑。
我有一个可行的示例,但我不断收到错误消息:
Duplicate presence of slot "default" found in the same render tree
该项目的灵感来自于一些教程:
选项卡包含两个组件,一个容器和一个选项卡内容。 容器查看将多少子组件传递到插槽中,并从中创建选项卡。
我正尝试将其修改为无渲染组件,因此它将找出选项卡,并将其传递给可以根据需要对其进行处理的父包装器组件。
这是正在运行的组件的jsFiddle。
https://jsfiddle.net/jsotron5000/eywraw8t/464242/
默认插槽仅使用一次,但是我怀疑Vue在包装器和非渲染组件中都发现了它,这就是它引发错误的原因。
我不确定我做错了什么还是Vue从未打算以这种方式使用?