uni-app picker 两列选择器

在uni-app中使用picker组件实现两列选择器的方法如下：

首先，在模板中引入picker组件，并设置相应的属性和事件监听```html
<picker class="width-" @columnchange="monitor" :range="timeList" :value="value" @change="bindTimeChange">
<view class="domestic" style="color: #a3a3a3;" placeholder="请选择" v-if="receiveAddress===''" >
请选择地区
</view>
<view class="domestic" v-else>
{{receiveAddress===''?'请选择地区':receiveAddress}}
</view>
<image src="../../static/icon/right1.png" class="right right-input"/>
</picker>

其中，`:range`属性用于设置picker的选项列表，`:value`属性用于设置picker的默认值，`@change`事件用于监听picker的值改变。

然后，在对应的方法中处理picker的值改变事件：

bindTimeChange(e) {
// 省市县的下标
console.log('picker发送选择改变，携带值为', e.detail.value[2])
// 拿到县的下标
const id = e.detail.value[2] - 1
// 拿到选择的县名字
this.provixian = this.userTuxian[id].name
// 省市县相加进行展示
this.receiveAddress = this.provinceShen + this.proviShi + this.provixian
}

在该方法中，可以通过`e.detail.value`获取到picker选择的值，根据需要进行相应的处理，比如获取县的下标、获取选择的县名字等。

这样就可以实现在uni-app中使用picker组件实现两列选择器的功能了。