公司业务需要,要求弹框中以树形列表的方式展示,如图:
本来想使用element-ui控件中的el-tree,可是获取到后台数据后发现是一维数组,觉得转为二维数组太麻烦,对于菜鸟的我来说,有点难到了,也想着把相同层级的数据放在一起,感觉太复杂,后台返回的数据如下:
于是我就想到了用插件arrayToTree,第一次用,难免不顺利,在这里踩了坑,报错了,treesProps下的value,一开始我写的Cildren,就想不都是固定的children和label吗?就没管了,效果一直出不来,最后问了别人才应该是value,这下好了总算是没报错了
又出现一个问题,弹窗中只显示一级的菜单,菜单下的数据也都是重复的,就想到应该是customID的值有问题,就改成了invClsCode,终于出来效果了,发现这个插件还挺好用的,后面粘上我的代码,下次再写就顺手多了