index.wxml里的
<view class="section">
<picker mode="region" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}">
<view class="picker">
<view class="row">
<view class="sign">省份</view>
<input placeholder="请选择省份" value="{{region[0]}}"></input>
</view>
<view class="row" wx:if="{{city==true}}">
<view class="sign">城市</view>
<input placeholder="请选择城市" value="{{region[1]}}"></input>
</view>
<view class="row" wx:if="{{city==true}}">
<view class="sign">区县</view>
<input placeholder="请选择区县" value="{{region[2]}}"></input>
</view>
</view>
</picker>
</view>
.row{
display: flex;
align-items: center;
border-bottom: 1rpx solid rgba(128, 128, 128, 0.281);
height: 80rpx;
margin-left: 30rpx;
}
.row>input{
padding-left: 40rpx;
}
index.js里的
Page({
data: {
city:false,
region: ['', '', ''],
customItem: '全部',
},
bindRegionChange: function (e) {
console.log('picker发送选择改变,携带值为', e.detail.value)
this.setData({
region: e.detail.value,
city:true
})
}
})