AddressEdit 地址编辑

引入

通过以下方式来全局注册组件,更多注册方式请参考组件注册

基础用法

Props

事件名说明回调参数
save点击保存按钮时触发content:表单内容
focus输入框聚焦时触发key: 聚焦的输入框对应的 key
delete确认删除地址时触发content:表单内容
cancel-delete取消删除地址时触发content:表单内容
select-search选中搜索结果时触发value: 搜索结果
click-area点击收件地区时触发-
change-area修改收件地区时触发values: 地区信息
change-detail修改详细地址时触发value: 详细地址内容
change-default切换是否使用默认地址时触发value: 是否选中

Slots

方法

通过 ref 可以获取到 AddressEdit 实例并调用实例方法,详见。

方法名说明参数返回值
setAddressDetail设置详细地址addressDetail: string-

类型定义

AddressEditInstance 是组件实例的类型,用法如下:

注意: 仅作为初始值传入,表单最终内容可以在 save 事件中获取。

AddressEditSearchItem 数据格式

key说明类型
name地名string
address详细地址string

省市县列表数据格式

样式变量

组件提供了下列 CSS 变量,可用于自定义样式,使用方法请参考 ConfigProvider 组件