用vant写一个地址列表
时间: 2023-05-30 19:06:46 浏览: 83
vant IndexBar实现的城市列表的示例代码
5星 · 资源好评率100%
<template>
<div>
<van-list>
<van-cell
v-for="(item, index) in addressList"
:key="index"
:title="item.name"
:label="item.tel"
:is-link="true"
:to="{path: '/address/edit', query: {id: item.id}}"
>
<div>{{item.address}}</div>
</van-cell>
</van-list>
</div>
</template>
<script>
export default {
data() {
return {
addressList: [
{
id: 1,
name: '张三',
tel: '13900000001',
address: '广东省深圳市南山区高新南一道10000号'
},
{
id: 2,
name: '李四',
tel: '13900000002',
address: '广东省深圳市南山区高新南一道10001号'
},
{
id: 3,
name: '王五',
tel: '13900000003',
address: '广东省深圳市南山区高新南一道10002号'
}
]
}
}
}
</script>
阅读全文