Vant AddressEdit 地址编辑 address-info 参数设置默认省市区

最新推荐文章于 2022-01-13 13:20:20 发布

weixin_50214760

最新推荐文章于 2022-01-13 13:20:20 发布

阅读量3.7k

点赞数 1

文章标签： vue

本文链接：https://blog.csdn.net/weixin_50214760/article/details/118894498

版权

地址编辑组件
先将数据引入做修改地址，使用 AddressInfo 数据格式 province city county 设置时失效，未发现问题出现在哪里？
后使用areaCode 添加可以解决，通过城市获得areaCode

<template>
	<div>
		<van-address-edit
          id="addressEdit"
          :tel-maxlength="11"
          :area-list="areaList"
          :address-info="{
            name: info.name,
            tel: info.phone,
            addressDetail: info.content,
            areaCode,
          }"
        >
  	</div>
</template>

var _ = require('lodash');
import { areaList } from '@vant/area-data'
export default {
data() {
    return {
      areaList,  
      info: {
      	city:"石家庄市"
		content:"222222"
		district:"长安区"
		id:26
		is_selected:1
		name:"姓名"
		openid:"oURUq5mOlO5_21UxrVwWevrt7Kvo"
		patient_id:9
		phone:"电话号"
		province:"河北省"
		update_time:"2021-07-19 09:55:06"
      }, //
      areaCode: '',
    }
  },
methods: {
    async init() {
		_.forEach(this.areaList.city_list, (o, c) => {
        	if (o == this.info.city) {
        	  let cityId = String(_.take(c, 2))
        	  _.forEach(this.areaList.county_list, (i, a) => {
            if (i == this.info.district) {
              let districtId = String(_.take(a, 2))
              if (cityId == districtId) {
                this.areaCode = a
              }
            }
          })
        }
      })
      }
      }
      }