您的位置:首页 > 产品设计 > UI/UE

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

2020-07-19 04:54 1616 查看

使用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;
}
});
},
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐