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

在我们使用 Ant Design of Vue 或者 View UI 去开发后台管理系统时,比较常用的就是table组件,但若每次直接使用框架提供的table组件和分页组件时,需要每个列表页面都得写设置一遍翻页方法啥的,所以,我个人比较喜欢对table组件进行二次封装,方便使用。

但是在封装过程中,如果我们需要使用自定义列模板,自己封装的组件就不知道怎么去接收这些slot了,通过网络上一番搜索与尝试,最终发现可以如此解决,具体代码如下:

Ant Design of Vue 里面的table二次封装代码示例(View UI 同理):

Ant Design of Vue 里面的table二次封装调用示例:

二次封装的组件调用

他们直接的唯一区别就是把 a-table 改成了 c-table,其他使用一致

Ant Design of Vue 原生 table调用示例

你可能感兴趣的:(table组件二次封装时,无法使用自定义列模板问题处理)