<template>
<view>
<view @click="pickerShow = true"></view>
<u-picker mode="region" v-model="pickerShow" :defaultRegion="defaultRegion"
@confirm="regionConfirm">
</u-picker>
</view>
</template>
<script>
export default {
data() {
return {
defaultRegion: ['山东省', '青岛市', '市北区'],//设置默认显示地址
pickerShow: false,
region: '', //选择省市区
cityArea: '请选择', //当前选择的区
nowCity: '', //当前城市
},
},
methods:{
// 选择地区回调
regionConfirm(e) {
// e.province = '山东省';
// console.log('e', e);
this.region = e.province.label + '-' + e.city.label + '-' + e.area.label;
//this.cityArea = e.area.label;
//this.nowCity = e.city.label;
console.log('this.region', this.region);
},
}
}
u-picker省市区三级联动,设置默认地区
最新推荐文章于 2023-12-12 18:54:28 发布