我有一个名为TableContainer
的组件,它具有以下动态命名的插槽
// ...
<td class="...">
<slot :name="'statuses-' + item.id" />
</td>
<td class="">
<slot :name="'actions-' + item.id" />
</td>
//...
字符串
我想从父组件调用它们,如下所示:
<TableContainer :data="people">
<template v-for="person in people" v-slot:statuses-{person.id}>
{{ person.status }}
</template>
</TableContainer>
型
这根本不管用。但当我把它像下面,它是工作,和绘画状态的第一行。
<TableContainer :data="people">
<template v-for="person in people" v-slot:statuses-1>
{{ person.status }}
</template>
</TableContainer>
型
注意,我将v-slot:statuses-{person.id}
与v-slot:statuses-1
交换。
如何在提供动态名称的同时调用插槽。
我用的是Vue 3
1条答案
按热度按时间iezvtpos1#
看看动态插槽名称的语法。试试看
字符串