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 组件。