vant 中 van-address-edit地址编辑 地址回显获取 areaCode

啥也不说，上代码

<van-address-edit
:area-list="areaList"
show-search-result
:search-result="searchResult"
tel-maxlength="11"
:area-placeholder="areaPlaceholder"
@save="onSave"
:address-info="{
name: form.name,
tel: form.phone,
addressDetail: form.textarea,
areaCode: areaCode,
}"
/>

import { areaList } from "@vant/area-data";
var _ = require("lodash");

async areaCodeInit() {
// 这里是点击编辑拿到的地址，我是用‘-’拼接起来的，现在分割一下
var areaN = this.form.areaName.split("-");
var city = areaN[1]; //城市
var district = areaN[2]; //区/县
_.forEach(this.areaList.city_list, (o, c) => {
if (o == city) {
let cityId = String(_.take(c, 2));
_.forEach(this.areaList.county_list, (i, a) => {
if (i == district) {
let districtId = String(_.take(a, 2));
if (cityId == districtId) {
this.areaCode = a;
}
}
});
}
});
},

最后，就是这个样子啦，地址就可以回显出来了，
有不明白的可以问我哦

最后

以上就是哭泣咖啡豆为你收集整理的vant 中 van-address-edit地址编辑 地址回显获取 areaCode的全部内容，希望文章能够帮你解决vant 中 van-address-edit地址编辑 地址回显获取 areaCode所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。