我正在开发一个具有第三方组件的应用程序,该组件可以采用以下模板:
MyTable.vue
<special-table>
<template slot="actions" slot-scope="props">
...
</template>
</special-table>
在我的子组件中,我需要传递不同的广告位内容作为模板,具体取决于使用情况。我希望从上面的组件/ MyTable.vue中尽可能抽象出这一部分。
CarsTable.vue
<cars-table>
<slot name="actions" #actions="{ row }">
<div class="d-flex">
<h1>my action content</h1>
</div>
</slot>
</cars-table>
我想在MyTable.vue中做类似的事情,而不是使用插槽名称'actions'并列出一堆不同的插槽来覆盖每种实例类型。
<slot :name="genericName"></slot>