element 获取table 选中数据_element-ui自定义可配置化表格

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

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

dc56fdb75013167a51be7ad63e05e841.png

iView更华丽一点

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

ba6d4ccf7262252f46767924de36a8a7.png

Element更朴实

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

9824dc7c53c72e65f34e78974935ea87.png

table主代码

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

607dbe011f7ea20ec9c65fafc401b870.png

render函数

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值