省、市、区、的回显,传值

135 阅读1分钟

image.png

省市区联动选择

背景

当点击个人页面或者企业页面,两个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
	 }
	},