在父组件中提取广告位内容

时间:2019-12-18 17:06:29

标签: vue.js vuejs2

我正在开发一个具有第三方组件的应用程序,该组件可以采用以下模板:

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>

0 个答案:

没有答案