uniapp中使用picker实现三级联动并且两次选择地址

可以参考以下代码实现：

<template>
<view class="container">
<view class="picker-view">
<picker mode="region" @change="onChange" :value="value"></picker>
</view>
<view class="result">
<text>已选择：{{province}} {{city}} {{district}}</text>
</view>
</view>
</template>

<script>
export default {
data() {
return {
value: [],
province: '',
city: '',
district: ''
}
},
methods: {
onChange(e) {
const values = e.detail.value
this.value = values
this.province = values[0]
this.city = values[1]
this.district = values[2]
}
}
}
</script>

<style>
.container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}
.picker-view {
width: 100%;
height: 300rpx;
}
.result {
margin-top: 20rpx;
}
</style>

在这个代码中，我们使用了uniapp中的picker组件来实现三级联动选择地址。当用户选择完地址后，我们可以通过onChange方法获取用户选择的值，并将其赋值给对应的变量，最终在页面上展示用户已选择的地址。