微信小程序的表单组件Picker用于展示可选择的列表,用户可以通过滚动或点击来选择其中的项。下面是一个简单的Picker示例:
<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/微信小程序