526互联

element 的 el-cascader 控件，去掉空子集

发布时间 2023-10-11 11:32:49作者: 小蘑菇123

后端返回的树结构数据：

 

template：
<el-cascader v-model="ruleForm.columnAll" :options="allColumnData" :props="{ value: 'columnId', label: 'columnName', children: 'children' }" />
 
methods：
// 获取栏目树列表集合
getColumnTrees() {
    this.ruleForm.columnId = parseInt(this.$route.query.columnId);
    this.allColumnData = [];
    getColumnTree().then(res => {
        this.allColumnData = this.getTreeData(res.data);
    }).catch(_ => {

    })
},
getTreeData(data) {
    // 循环遍历json数据
    for (var i = 0; i < data.length; i++) {
        if (data[i].children.length == 0) {
            data[i].children = undefined;
        }
    }
    return data;
},