table组件二次封装时，无法使用自定义列模板问题处理

在我们使用 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，其他使用一致

Ant Design of Vue 原生 table调用示例
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。