后端踩个坑,element-ui级联框顶级无法选择,二级三级不显示的问题

后端踩个坑,element-ui级联框顶级无法选择,二级三级不显示的问题

级联框顶级无法选中的问题,

后端踩个坑,element-ui级联框顶级无法选择,二级三级不显示的问题_第1张图片这里顶级无法选中。两种解决方式

1、前端解决,在

在这里插入图片描述
加上checkStrictly:true,
后端踩个坑,element-ui级联框顶级无法选择,二级三级不显示的问题_第2张图片解决

2、后端解决

实体后端踩个坑,element-ui级联框顶级无法选择,二级三级不显示的问题_第3张图片
sql
后端踩个坑,element-ui级联框顶级无法选择,二级三级不显示的问题_第4张图片问题,因为查出来的子节点下没有子节点了,那么这个集合就是空的
所以前端展示的就是这个节点后面的一个‘’字符串。导致子节点是空无法选中,父节点也无法选。

解决方法,后端踩个坑,element-ui级联框顶级无法选择,二级三级不显示的问题_第5张图片

二级三级不显示的问题

这是一开始查处的数据,
后端踩个坑,element-ui级联框顶级无法选择,二级三级不显示的问题_第6张图片
可以看到这里是有两个子节点的,结构也没问题,但是始终没有子节点选项后端踩个坑,element-ui级联框顶级无法选择,二级三级不显示的问题_第7张图片

解决方法:

这个子节点的返回值变量名必须名为children,才行

就是将实体的变量名改为children后端踩个坑,element-ui级联框顶级无法选择,二级三级不显示的问题_第8张图片看结果↓
后端踩个坑,element-ui级联框顶级无法选择,二级三级不显示的问题_第9张图片

后端踩个坑,element-ui级联框顶级无法选择,二级三级不显示的问题_第10张图片成功显示
还有一种是前端可以解决,在elementui里面找到某个属性指定一下,这里我不太明白就不研究了

你可能感兴趣的:(vue.js,前端,javascript,java)