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);
        }
    });
  }
}

相关推荐
小周同学:22 分钟前
Vue项目中将界面转换为PDF并导出的实现方案
javascript·vue.js·pdf
90后的晨仔2 小时前
Vue 3 组合式函数(Composables)全面解析:从原理到实战
前端·vue.js
今天头发还在吗2 小时前
【React】TimePicker进阶:解决开始时间可大于结束时间的业务场景与禁止自动排版
javascript·react.js·ant design
今天头发还在吗2 小时前
【React】动态SVG连接线实现:图片与按钮的可视化映射
前端·javascript·react.js·typescript·前端框架
小刘不知道叫啥2 小时前
React 源码揭秘 | suspense 和 unwind流程
前端·javascript·react.js
90后的晨仔3 小时前
Vue 3 中 Provide / Inject 在异步时不起作用原因分析(二)?
前端·vue.js
90后的晨仔3 小时前
Vue 3 中 Provide / Inject 在异步时不起作用原因分析(一)?
前端·vue.js
90后的晨仔3 小时前
Vue 异步组件(defineAsyncComponent)全指南:写给新手的小白实战笔记
前端·vue.js
木易 士心3 小时前
Vue 与 React 深度对比:底层原理、开发体验与实际性能
前端·javascript·vue.js
Lucky GGBond4 小时前
Vue + Spring Boot 实现 Excel 导出实例
vue.js·spring boot·excel