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相关推荐

v-region 地址组件无法回显问题(选择地址保存后，打开编辑，发现刚才选择的地址【省市县乡】信息消失，信息不回显)
(Avue) 1.问题 v-region 地址组件无法回显(选择地址保存后,打开编辑,发现刚才选择的地址[省市县乡]信息消失,信息不回显) 选择好省市县乡后,保存,再次编辑,发现如下: 2.解决方案: ...
记录ant design vue a-select Form编辑时回显数据库数据为value而不是label的问题
记录ant design vue a-select Form编辑时回显数据库数据为value而不是label的问题先贴解决后的代码 option遍历的集合格式如下解释官方文档中解释到select ...
el-upload编辑时回显图片
在使用el-upload上传时,传给后端得是一个file文件流,而编辑回显的时候后端返回的是一个图片地址,这个时候就需要将url赋值到fileList里面 <el-form-item label ...
SpringBoot中使用thymeleaf时ajax请求不能回显消息
场景在SpringBoot项目中使用thymeleaf模板时,在js文件中使用ajax提交表单不能成功回显消息. 实现修改为 html中: <button id="parseBt ...
elementui 加载中_ElementUI cascader级联动态加载回显和搜索看这个就够了
这一篇是上一次讨论cascader级联动态加载回显问题的延续,文末有链接. 以下是思考和开发的过程,不感兴趣可以直接看使用文档. https://github.com/zhuss/lazy-casca ...
vue 解决密码框 input 中type=“password“时，浏览器会回显之前保存的用户名和密码
input的type="password"时,会出现图中现象,之前保存的用户名和密码回显出来 1.为了解决这个问题尝试过以下几种方法: autocomplete="off ...
vue + el-upload上传图片/文件，编辑时回显文件名
这里写自定义目录标题父组件子组件界面样式编辑弹窗界面样式建议直接复制到本地查看父组件 <template><div id="recordList"&g ...
html.编辑数据回显,从HTML表格编辑/更新MySQL数据库值
我有一个表单,目前提交值到MySQL数据库.在每次提交完成后,刚刚插入到mysql数据库的数据将在表单下回显.该表格具有动态输入字段.我知道想要添加编辑以前插入的值的可能性.我放置了一个编辑按钮,将用 ...
关于php：如何在Guzzle中读取响应有效的URL?6.0(Guzzle获取重定向后的实际请求地址URL)
本文转自关于php:如何在Guzzle中读取响应有效的URL?6.0 How to read the response effective URL in Guzzle ~6.0 我已经搜索了大约2个小 ...
vue中级联选择器回填_浅谈Vue使用Cascader级联选择器数据回显中的坑
业务场景由于项目需求,需要对相关类目进行多选,类目数据量又特别大,业务逻辑是使用懒加载方式加载各级类目数据,编辑时回显用户选择的类目. 问题描述使用Cascader级联选择器过程中主要存在的应用问 ...

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

啥也不说，上代码

vant 中 van-address-edit地址编辑地址回显获取 areaCode相关推荐

最新文章

热门文章

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

啥也不说，上代码

vant 中 van-address-edit地址编辑 地址回显获取 areaCode相关推荐

最新文章

热门文章

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

vant 中 van-address-edit地址编辑地址回显获取 areaCode相关推荐