<van-field is-link name="datetimePicker" :value="form.address" readonly
:disabled="affiliation === 1 ? false : true" label="省市县" input-align="right" placeholder="请选择"
@click="onAddress" class="tongField" />
<van-popup v-model="showAddress" position="bottom" :style="{ height: '50%' }" round>
<van-area :value="vanAreaValue" title="详细地址" @confirm="changeAddress" @cancel="cancelAddress" :area-list="areaList" />
</van-popup>
页面值改变的时候把省市区字段(6位的数字)赋值,传给后端
changeAddress(event) {
this.showAddress = false;
let st = "";
event.forEach((item) => {
st = st + item.name;
});
this.form.address = st;
this.form.provinceId = event[0].code
this.form.cityId = event[1].code
this.form.areaId = event[2].code
},
回显的时候
this.vanAreaValue = String(this.form.provinceId).slice(0,2) + String(this.form.cityId).slice(2,4) + String(this.form.areaId).slice(4,6) // 用来回显vanArea 里面选择的地址
例如 this.form.provinceId=410000;this.form.cityId=411600;this.form.areaId=411602 那么 this.vanAreaValue=411602 那么下面this.form.address就是 河南省周口市川汇区
this.form.address = this.areaList.province_list[String(this.form.provinceId)] + this.areaList.city_list[String(this.form.cityId)] + this.areaList.county_list[String(this.form.areaId)]