省市区联动选择
背景
当点击个人页面或者企业页面,两个tab都有的省市区,提交的时候分别保存提交。
个人
<el-form-item label="居住所在地" prop="location">
<region-selects v-model="form.location" @change="regionChange" :disabled="isReadOnly"/>
</el-form-item>
企业
<el-form-item label="注册所在地" prop="location">
<region-selects v-model="form.location" @change="regionChange" :key="isReadOnly+form.type" :disabled="isReadOnly"/>
</el-form-item>
共用一个@change="regionChange"
- 给他传三个参数,
- 在data里面给一个字符串
locationString; - 先让
locationString=province.value; - 如果city存在,如果area存在,省市区的值就都给
locationString了;
regionChange({ province, city, area }) {
this.locationString = province.value
if (city) {
this.locationString += city.value
}
if (area) {
this.locationString += area.value
}
},