AddressList 地址列表

地址列表组件,用于展示和管理收货地址,支持选择、新增、编辑、删除

展示和管理收货地址列表,支持选择、新增、编辑、删除

演示

9:41

代码示例

<!-- 地址管理 -->
  <re-address-list :list="addressList" :showAddBtn="true" @select="onSelect" @add="onAdd" @edit="onEdit" @delete="onDelete" />

引入

推荐使用 easycom 模式,配置后无需手动 import 即可直接使用 <re-address-list />。

API

AddressList Props

名称类型默认值描述必传
listArray<any>地址列表数据N
showAddBtnbooleantrue是否显示新增按钮N
customStylestring""自定义样式N

AddressList Events

名称参数描述
selectitem: any, index: number选择时触发
add--
edititem: any, index: number-
deleteitem: any, index: number删除时触发
set-defaultitem: any, index: number-
update:listlist: Array<any>-

AddressList Slots

名称描述
--