AddressEdit 地址编辑

文档: https://vant-contrib.gitee.io/vant/#/zh-CN/address-edit

一个封装好的用于输入, 编辑用户地址信息的组件.

<van-address-edit></van-address-edit>

在不使用任何属性的情况下, 渲染如下:

常用属性:

• area-list, 用来绑定地址选择列表. 数据从 @vant/area-data 中的 areaList 加载.
• address-info, 表单模型, 用户输入的信息均在该模型中定义.一般作为初始值来使用. 没有实现响应式数据.
• show-delete 是否显示删除按钮. 默认为 false.
• show-set-default 是否显示设置为默认地址. 默认为 false.

常用事件

• save, 输入的表单数据会作为参数传入. 参数类型为: AddressEditInfo.
• delete, 参数与 save 一样.

AddressEditInfo 数据类型为:

export type AddressEditInfo = {
    tel: string;
    name: string;
    city: string;
    county: string;
    country: string;
    province: string;
    areaCode: string;
    isDefault?: boolean;
    addressDetail: string;
};