该组件用于从地址列表中选择地址。通过弹出框显示地址列表,用户点击地址后,会更新选择的地址并发出选择事件。该组件还会在加载时从API获取用户地址列表,并设置第一个地址作为默认选择。
源码解析
展示地址
:::tabs
@tab html
<nut-popup>
:使用外部库的弹出框组件,可以显示一组地址列表。- 地址列表:使用
v-for
循环遍历addressList
中的地址,并在每个地址上添加address-wrapper
类。点击地址时,调用handleChoose
方法。 <check>
和<location2>
:这两个组件分别表示选中和未选中的图标,具体取决于当前地址是否与chosenAddress
相匹配。<address-row>
:这是一个组件,用于显示地址的详细信息。
2024/1/28大约 3 分钟