elementui-级联选择器相关

elementui-级联选择器赋初始值

用户在编辑的时候也要显示复选状态，下图所示：

之前是单选所以只返回区id即可，现在复选只返回区id集合不显示，必须返回完成id集合即
[["110000", "110100", "110101"],["120000", "120100", "120101"]]
分别代表北京/北京市/东城区和天津/天津市/和平区

2.级联选择器获取label值和value值

//value值获取正常操作即可
//label值获取
//代理区域 id="el-cascader" 的change事件
cascaderChange(e) {
    let nodes = this.$refs['cascaderAddr'].getCheckedNodes();
    if(nodes) {
        this.areasArray = agentDistrictListFun(true, nodes, e);
    }else {
        this.areasArray = agentDistrictListFun(false, nodes, e);
    }
},
/*
* agentDistrictListFun 处理新增加盟商代理区域数据格式
*  - status 考虑到elementui字段变动 所以要先判断是否有这个字段，没有的话启用备用方案=>已跟后端商量
*  - areaNames 获取到的名称集合
*  - areaIds 获取到的id集合
*/
export function agentDistrictListFun(status, areaNames, areaIds) {
    let arr = [], areas = [];
    for (var i = 0; i < areaNames.length; i++) {
        areas.push(areaNames[i].pathLabels);
    }
    for (var i = 0; i < areaIds.length; i++) {
        let small = {};
        small.provinceId = areaIds[i][0];
        small.cityId = areaIds[i][1];
        small.districtId = areaIds[i][2];
        if(status) {
            small.provinceName = areas[i][0];
            small.cityName = areas[i][1];
            small.districtName = areas[i][2];
        }else {
            small.provinceName = "province";
            small.cityName = "city";
            small.districtName = 'district';
        }
        arr.push(small);
    }
    return arr;
}

我在百度搜索答案就发现那个获取label值的字段好像在变，就写的时候打印一下this.$refs['cascaderAddr']这个看看到底是哪个。