美文网首页H5教程集合
微信小程序开发-picker使用

微信小程序开发-picker使用

作者: 余生社会 | 来源:发表于2018-03-08 10:09 被阅读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
})
},