vue2vue3为什么el-table树状表格失效?

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

解决树状表格失效方案:

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

亲测有效,vue2、vue3通用

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

相关推荐
毕设十刻20 小时前
基于Vue的学分预警系统98k51(程序 + 源码 + 数据库 + 调试部署 + 开发环境配置),配套论文文档字数达万字以上,文末可获取,系统界面展示置于文末
前端·数据库·vue.js
牧杉-惊蛰21 小时前
纯flex布局来写瀑布流
前端·javascript·css
王同学要变强1 天前
【深入学习Vue丨第二篇】构建动态Web应用的基础
前端·vue.js·学习
社恐的下水道蟑螂1 天前
从字符串到像素:深度解析 HTML/CSS/JS 的页面渲染全过程
javascript·css·html
程序定小飞1 天前
基于springboot的web的音乐网站开发与设计
java·前端·数据库·vue.js·spring boot·后端·spring
武昌库里写JAVA1 天前
element-ui 2.x 及 vxe-table 2.x 使用 css 定制主题
java·vue.js·spring boot·sql·学习
行走的陀螺仪1 天前
uni-app + Vue3 实现折叠文本(超出省略 + 展开收起)
前端·javascript·css·uni-app·vue3
冴羽1 天前
JavaScript 异步循环踩坑指南
前端·javascript·node.js
Mr.Jessy1 天前
Web APIs 学习第四天:DOM事件进阶
开发语言·前端·javascript·学习·ecmascript
醉方休1 天前
开发一个完整的Electron应用程序
前端·javascript·electron