我想制作一个网格组件，它可以接受额外的列单元.
<grid>
<td slot="additional-column">...</td>
</grid>
在实际组件中:
<template>
<table>
<div v-for="item in items">
...
<slot name="additional-column"></slot>
</div>
</table>
</template>
不幸的是，插槽开始重复，这是vuejs不喜欢的.
在同一渲染树中发现插槽"附加列"重复存在-这可能会导致渲染错误.
有人知道我该怎么处理这个问题吗？
提前谢谢！
This肯定是你的问题.你也可以这样做(如here所述).见第Destructuring子目前的最后一段.
起源:
<grid>
<td :slot="['additional-column', item].join('-')" v-for="item in items">
...
</td>
</grid>
子元素:
<table>
<div v-for="item in items">
...
<slot :name="['additional-column', item].join('-')"></slot>
</div>
</table>
PS:我还没有试过.如果你有困难，我可以做一把小提琴和你分享.