element-ui的table表格踩坑记录

#本篇记录使用el-table的树形数据所需注意的点

第一点要注意的,其实这不算坑,是我自己粗心,接手的项目用的element版本低,2.4的,但是使用的时候对照2.12版本在使用,调了半天,就是不出来下拉箭头,后来才发现,希望大家都别学我这么马虎~~~

第二点就是row-key,千万要注意row-key所需配的必须是每条数据里均不会出现重复value值的那个字段,一般来说都会有个唯一id啥的,配那个就好了,不然报错Duplicate keys detected: ‘0’. This may cause an update error。

第三点就是:tree-props的配置,官网上的例子是:tree-props="{children: ‘children’, hasChildren: ‘hasChildren’}">,children可随意配置你参数里的任意字段,就是子集数组,至于hasChildren,好像并没什么卵用,可能是我还没发现他的用处,如果有幸遇到大佬知道的,望不吝赐教,谢谢

第四点就是,前面的问题都解决后会给你来一个[Vue warn]: Error in nextTick: “TypeError: Cannot read property ‘reduce’ of null”,这个一开始就触及到我的知识盲区了,只能找度娘,各种答案,有些说vue版本跟element版本不一致,要升级版本,试了,不行。。。有的说package.json文件里element的版本号前去掉‘^’,试了也不行。。。最后没办法,看报错信息:无法读取空的属性’reduce’

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值