vue2vue3为什么el-table树状表格失效?_vue3 表格树状结构点击打不开

作者：IT小白 | 2024-05-31 02:33:59

踩

vue3 表格树状结构点击打不开

上图所示，后端返回字段中有hasChildren字段。

解决树状表格失效方案：

从后端拿到数据后，递归去掉该字段，然后就能正常显示。（复制下方代码，直接用）

亲测有效，vue2、vue3通用


/**递归函数 */
function recursion(data: Array<any>) {
  if (data.length) {
    data.forEach((element: any) => {
      delete element.hasChildren
        if ("children" in element) {
          recursion(element.children);
        }
    });
  }
}

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/IT小白/article/detail/649907