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']
这个看看到底是哪个。