elementui cascader 级联选择器 最后一级children等于空数组

194 阅读1分钟

今天使用 ElementUI 的级联选择器 遇到这个问题,记录一下

我想要的效果是如果最后一级的children里面没有下一级,就没有这个箭头,也无法展开

屏幕截图 2022-11-24 114843.png

屏幕截图 2022-11-24 114857.png

实现代码

 methods: {
    dg_CalculationData(item){
        if(item.children != null){
            if(item.children.length <= 0){
                return delete item.children;
            }
            item.children.forEach(item=>{
                this.dg_CalculationData(item)
            })
        }
    },
},
mounted() {
    let arr = []
    this.options.forEach(item=>{
        this.dg_CalculationData(item)
        arr.push(item);
    })
    this.options = arr
    console.log(this.options);
},

最终效果

屏幕截图 2022-11-24 130217.png