微信小程序picker组件的简单使用 单选

<picker mode="selector" range="{{classData}}" bindchange="bindClassChange" value="{{classIndex}}" range-key="className">
  <view class="picker">
    {{classData[classIndex].className || '请选择班级'}}
  </view>
</picker> 

classData是接口请求的数组 如果picker显示的值是object,object这样的 range-key="className"

range-key就是重点 修改成你要显示的字段

  //班级选择
  bindClassChange: function (e) {
    const classIndex = e.detail.value;
    this.setData({
      classIndex
    });
  },