AI智能
改变未来

使用element ui 中 el-cascader控件 最后一级显示暂无数据导致的无法选中菜单问题


使用element ui 中 el-cascader控件 最后一级暂无数据导致的无法选中菜单问题

示例

bug示例
原因:“最底层 的子项中 的 children 为空数组,这样就会造成,空级联 的bug存在。

如何解决
将空数组设为undefined即可
这里使用递归的方法

此处为代码片段

getList() {api.dictionary.getGoodsTypeList().then(res => {this.getTypeList(res.data);this.commodityType = res.data;});},getTypeList(commodityType) {commodityType.forEach(items => {if (items.subTypeList.length > 0) {this.getTypeList(items.subTypeList);} else {items.subTypeList = undefined;}});},
赞(0) 打赏
未经允许不得转载:爱站程序员基地 » 使用element ui 中 el-cascader控件 最后一级显示暂无数据导致的无法选中菜单问题