在我们使用 Ant Design of Vue 或者 View UI 去开发后台管理系统时,比较常用的就是table组件,但若每次直接使用框架提供的table组件和分页组件时,需要每个列表页面都得写设置一遍翻页方法啥的,所以,我个人比较喜欢对table组件进行二次封装,方便使用。
但是在封装过程中,如果我们需要使用自定义列模板,自己封装的组件就不知道怎么去接收这些slot了,通过网络上一番搜索与尝试,最终发现可以如此解决,具体代码如下:
<template v-for="(_, name) in $scopedSlots" :slot="name" slot-scope="slotData">
<slot :name="name" v-bind="slotData" />
</template>
Ant Design of Vue 里面的table二次封装代码示例(View UI 同理):
Ant Design of Vue 里面的table二次封装调用示例:
他们直接的唯一区别就是把 a-table 改成了 c-table,其他使用一致