vxe-table [vxe-table v4.3.5] 参数 "tree-config.transform" 与 "row.children" 有冲突

[vxe-table v4.3.5] 参数 "tree-config.transform" 与 "row.children" 有冲突

Open syschan opened this issue 1 year ago • 13 comments

可复现的链接：

      :row-config="{ isCurrent: true, keyField: 'id' }"           :checkbox-config="{ labelField: 'name', checkRowKeys: demo.formData.menu }"           :tree-config="{ transform: true, rowField: 'id', parentField: 'parent', expandRowKeys: [1] }"

问题描述与截图：

从4.3.0-beta.5版升级到v4.3.5后提示 :row-config="{ isCurrent: true, keyField: 'id' }" :checkbox-config="{ labelField: 'name', checkRowKeys: demo.formData.menu }" :tree-config="{ transform: true, rowField: 'id', parentField: 'parent', expandRowKeys: [1] }"

期望的结果：

告知冲突的解决办法

操作系统：

win10

浏览器版本：

edge 105.0.1343.50 (正式版本) (64 位)

vue 版本：

3.2.37

vxe-table 版本：

v4.3.5

Sep 25 '22 11:09 syschan

if (state.tableConfig.isTree) { const computeData = (menuArr) => { menuArr.forEach((element) => { if (element.leaf !== undefined || element.leaf !== null) { element.leaf = !element.leaf } if (element.children && element.children.length) { computeData(element.children) } }) } if (res.data.length) { computeData(res.data) } res.data = prototype.$XEUtils.toTreeArray(res.data) res.data.forEach((element) => { delete element['children'] }) } 如果是平铺数据的状态下，删掉children就好了

Oct 19 '22 08:10 sjwwap

如果删掉children，在渲染的时候一级分类想获取其子集的长度等操作的时候就会很难计算

Oct 21 '22 06:10 Gacent

渲染是由vxe-table完成的，他会自动将你的平铺数据转成树结构，如果你想计算父节点下数据条目，平铺状态下很容易计算啊，或者最开始也可以在树结构下遍历后赋值给父元素。

Oct 21 '22 09:10 sjwwap

为啥平铺数据下没有children也还是报错

Mar 03 '23 09:03 Gacent

蹲一下我也发现了这个问题。 :tree-config="{ transform: true, rowField: 'fid', parentField: 'parentId'} 因为特殊原因每一行的id值可能有重复。我设置成fid唯一值也会报这个错误。很烦人

let data = [
  {id: 123, fid: 2, parentId: null, name: "ceshi1", 'age': 88},
  {id: 345, fid: null, parentId: 2, name: "ceshi1", 'age': 88},
  {id: 678, fid: null, parentId: 2, name: "ceshi1", 'age': 88},
  {id: 123, fid: null, parentId: 2, name: "ceshi1", 'age': 88},
  {id: 123, fid: null, parentId: 2, name: "ceshi1", 'age': 88},
  {id: 123, fid: null, parentId: 2, name: "ceshi1", 'age': 88},
  {id: 444, fid: null, parentId: 2, name: "ceshi1", 'age': 88},
  {id: 123, fid: 5, parentId: null, name: "ceshi1", 'age': 88},
  {id: 123, fid: null, parentId: 5, name: "ceshi1", 'age': 88},
  {id: 123, fid: null, parentId: 5, name: "ceshi1", 'age': 88},
  {id: 123, fid: null, parentId: 5, name: "ceshi1", 'age': 88},
];