Element el-table树形数据 tree-props使用注意事项

el-table树形数据 tree-props使用注意事项

• 项目场景：
• 问题描述：
• 解决方案：
• • 写在最后

项目场景：

项目场景：使用el-table树形数据

---

问题描述：

根据element官网提示设置tree-props为{children: 'children',hasChildren: 'hasChildren'}，data数据也设置了children和hasChildren属性，row-key也绑定了数据的唯一值变量id，但是树形结构就是出不来

---

# 原因分析：

找了很久的问题原因，发现是因为设置tree-props为{children: 'children',hasChildren: 'hasChildren'}，就误以为需要children和hasChildren两个属性，因此同时给数据设置了children和hasChildren属性，导致树形结构出不来

---

解决方案：

• data绑定的数据需要保留children属性，注意children或hasChildren属性不能同时存在

效果图：

写在最后

该文章主要记录遇到的问题及解决办法，避免忘记，若有不足之处或其他解决办法欢迎指教