分享

element-ui自定义可配置化表格

 流水1314 2020-11-18

element-ui是一个非常棒的前端ui框架。之前做了很多大大小小的后管平台,用的技术也是多种多样,最多的还是Vue。

从iView、antd vue 到Element,最终还是选择了Element,原因之一就是iView的table组件貌似有内存溢出的现象(在其官网,浏览table部分会有卡死的现象)。

element-ui自定义可配置化表格

iView更华丽一点

但习惯了iView的配置式表格,就不喜欢Element那样的写法,于是决定自己封装,提供更多可能。

element-ui自定义可配置化表格

Element更朴实

在实操的过程中,看到掘金社区中“皮皮鲁”的《升级vue-element-admin,寻找前端中后台更优解》之后,大受启发,遂写代码如下,这里用的的Vue技术点主要有:render函数、函数式编程、插槽……

element-ui自定义可配置化表格

table主代码

这里有个小技巧,就是setAttrs,批量绑定属性。

element-ui自定义可配置化表格

render函数

开启函数化,render函数中,将render函数和参数返回。

关注一波,私信【vue-table】获取全部代码。个人承接各种前后端外包,所以,大家不要客气。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多