:tree-props=“{children: ‘children‘}“ 不回显数据

彼岸_hua

于 2022-09-06 21:55:32 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

文章标签： java javascript servlet

本文链接：https://blog.youkuaiyun.com/weixin_51472024/article/details/126734821

本文探讨了在Element UI中使用<el-table>组件处理树形数据时遇到的问题，重点在于如何调整后端返回的实体类，确保List类型的children属性正确显示。通过实例说明了如何适配List结构以便数据能正常回显。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

elementui中

<el-table
        :data="tableData"
        style="width: 100%"
        v-loading="ctrl.loading"
        border
        row-key="id"
        :tree-props="{children: 'children'}"
        :default-expand-all="false">

:tree-props="{children: 'children'}"不回显数据：

后端的代码中定义的实体类中应该是：

List类型的数据才能传递给children

赋值：