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

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

示例

bug示例使用element ui 中 el-cascader控件 最后一级显示暂无数据导致的无法选中菜单问题_第1张图片
原因:``最底层 的子项中 的 children 为空数组,这样就会造成,空级联 的bug存在。
使用element ui 中 el-cascader控件 最后一级显示暂无数据导致的无法选中菜单问题_第2张图片
如何解决
将空数组设为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;
        }
      });
    },

你可能感兴趣的:(vue+elementui)