微信小程序开发-picker使用
2018-03-08 本文已影响12人
余生社会
<picker range='{{数据源}}' value="{{数据源下标}}" bindchange="bindtradeChange">
<view class="weui-input" style='overflow: hidden;white-space: nowrap;text-overflow:ellipsis;'>{{数据源[下标]}}</view>
</picker>
<picker range='{{数据源}}' range-key='要显示的数据源中的字段' value="{{数据源下标}}" bindchange='listenerSexSelected'>
<view class="weui-input">{{数据源[下标].字段}}</view>
</picker>
监听选择的数据变化
listenerSexSelected: function (e) {
//改变index值,通过setData()方法重绘界面
this.setData({
index: e.detail.value
});
},
bindtradeChange: function (e) {
this.setData({
tradeIndex: e.detail.value
})
},