关于vxetable的树状结构以及数组结构以及进行分组

米法老婆塞尔达

已于 2022-10-26 23:25:51 修改

阅读量2.5k

点赞数

分类专栏： vxe-table 文章标签： javascript 前端

于 2022-10-26 23:25:19 首次发布

本文链接：https://blog.csdn.net/m0_59638694/article/details/127543000

版权

众所周知 vxe是个很不错的版本：V3+（vue2.6稳定版）

说我遇到的问题，用了数组结构的展示方法，页面数据不触发，展示不出来，于是换成了带
children格式的
在这里插入图片描述

这是vuetable需要的数据 (最坑的是数组格式的，而且后端返回给你的也是这种 )，当然，他也是支持树结构的需要你在里面加一项新的key值然后定义好父节点的id 和子节点的 parentid
我里面转成的数据是 [ { idfs : ‘1111’ ,children:[ { parentid : ‘1111’ },{ parentid : ‘1111’} ] } ]
然后把vxetable的标签的 :tree-config=“{transform : false}” 设置成带children格式的,
代码在下面，因为我数组转树结构，然后树又转数组结构，所以用了两方法比较笨重，有哪位大佬能给改下感激不尽科技私信我
然后把处理完的数据，绑定到vxetable的data上就可以了

:tree-config="{transform: false}"
      @toggle-tree-expand="toggleExpandChan

data(){
   
treelistTable: [{
   idds : '11111'},{
   idfs:'1111'},{
   idfs:'1111'}]

},

methods：{
   
//要调用方法
treetable(){
   


		let listta = [];
      this.treelistTable.forEach((item)