业务场景一：选择框，类似于选择目的地，出发地这种，，可以设置省，或者省市，以及省市区
业务场景（一）
业务场景二：在编辑页或者添加页中会需要更加详情的，省市区以及后面另加一个框
业务场景（二）
首先，从后台拿回来的数据是这样子的
后台返回数据1
后台返回数据2
首先拿到数据输出到控制台上是这样的
控制台1
第一步处理转化成字符串
let cityData =JSON.stringify(data.data.data);
第二步用正则把这些相对应的关键字段转化成element ui 三级联动需要 的字段
options =JSON.parse(cityData.replace(/orgId/g,"value").replace(/orgName/g,"label"));
第三步进一步演变成符合框架使用的格式
options.map((item, index)=>{
item.children = item.childrenDataList;
this.options.push(item);
});
<el-cascader :options="options" clearable filterable v-model="optionsMessage"></el-cascader>
这个时候就可以实现选择省市区的功能了，其中v-model的绑定的值就是后台需要的orgId
网友评论