element-ui自定义可配置化表格
element-ui是一个非常棒的前端ui框架。之前做了很多大大小小的后管平台,用的技术也是多种多样,最多的还是Vue。
从iView、antd vue 到Element,最终还是选择了Element,原因之一就是iView的table组件貌似有内存溢出的现象(在其官网,浏览table部分会有卡死的现象)。
iView更华丽一点
但习惯了iView的配置式表格,就不喜欢Element那样的写法,于是决定自己封装,提供更多可能。
Element更朴实
在实操的过程中,看到掘金社区中“皮皮鲁”的《升级vue-element-admin,寻找前端中后台更优解》之后,大受启发,遂写代码如下,这里用的的Vue技术点主要有:render函数、函数式编程、插槽……
table主代码
这里有个小技巧,就是setAttrs,批量绑定属性。
render函数
开启函数化,render函数中,将render函数和参数返回。
关注一波,私信【vue-table】获取全部代码。个人承接各种前后端外包,所以,大家不要客气。
赞 (0)