index.wxml
picker中的 mode=region模式，这里同element中的select不同的是，不需要自己在绑定数据原，默认就包含了省市区的整体数据
<view class="section">
<view class="section__title">省市区选择器</view>
<picker mode="region" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}">
<view class="picker">
当前选择：{{region[0]}}，{{region[1]}}，{{region[2]}}
</view>
</picker>
</view>
index.js
// pages/temp/index.js
Page({
/**
* 页面的初始数据
*/
data: {
region:[]
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
bindRegionChange(e){
this.setData({
region : e.detail.value
})
},
})
下图是选择时打印e的结果
字段的解释如下
在微信小程序中，当用户在省市区选择器中进行选择后，会触发一个change事件，事件对象中包含了一些属性，其中的参数含义如下：
1.currentTarget: 表示当前触发事件的组件，包含了组件的一些属性信息，比如id、offsetLeft（相对于视口的左边距）、offsetTop（相对于视口的上边距）等。
2.detail: 表示事件对象的详细信息，包含了用户选择的数据以及其他相关信息。
3.code: 表示省市区的代码，是一个数组，依次代表省、市、区的代码。
4.postcode: 表示邮政编码，即所选地区的邮政编码。
5.value: 表示用户选择的省市区名称，也是一个数组，依次代表省、市、区的名称。
6.mark: 一个空对象，可能用于存储一些额外的标记信息。
7.mut: 一个布尔值，表示是否已经处理过该事件。
8.target: 事件的真正触发目标，与currentTarget可能不同。
9.timeStamp: 事件触发的时间戳。
10.type: 事件类型，即"change"。
11._userTap: 一个布尔值，表示用户是否触发了该事件。
