<view class="container">
<picker mode="selector" bindchange="bindPickerChange">
<view class="picker">
{{pickerValueArray[pickerIndex]}}
</view>
</picker>
</view>
在对应的.js文件中,你需要定义pickerValueArray和bindPickerChange:
Page({
data: {
pickerIndex: 0,
pickerValueArray: ['选项1', '选项2', '选项3', '选项4'],
},
bindPickerChange: function (e) {
this.setData({
pickerIndex: e.detail.value,
});
},
});
这个示例中使用了mode="selector",表示Picker是一个单列的选择器。pickerValueArray是要显示的选项数组,而pickerIndex表示当前选择的项的索引。
你可以根据自己的需求,调整pickerValueArray和处理选择变化的函数bindPickerChange。
转载请注明出处:http://www.zyzy.cn/article/detail/806/微信小程序