因为在项目中要用到element UI的table组件 要用到树形结构 根据看官网实现起来并不是很难
只需要加上 row-key=" " :tree-props=" {children:‘children’}" 即可
但是row-key因为后端不能返回来唯一的值 所以我只能自己添加 这个好说
主要是:tree-props=" {children:‘children’}" 因为后端包数组的名字不叫children 按照api格式只要{children:‘树形结构的数组名字’}即可 我再官网在线运行把名字改了也是可以的 然而放在项目中 怎么也显示不出来 困扰了较长时间
最后得出结论{children:‘children‘}只能是这样 名字不能改 所以数据只能是自己稍加修改 或者如果跟后端关系好 帮忙改下名字就可以了 如果不想麻烦后端 前端把后端返回的数组赋值给children就可以了 自己稍加处理即可
不知道有人跟我遇到同样的问题 特此记录一下
最后
以上就是平淡口红最近收集整理的关于element ui table组件树形结构的坑的全部内容，更多相关element内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复