小程序-使用picker绑定数组对象

实现效果:

 当点击厂区名称时,弹出选项:

 并将公司的id存储下来,代码如下:

选择厂区的页面代码:

    <!--选择厂区-->
    <view class="pickerView">
      <view>
        <image class="keyImage" src="../../icons/corp.png"></image>
        <label class="loginLab">厂区</label>
      </view>
      <picker class="pickerBox" bindchange="bindPickerChange" value="{{index}}" range="{{corpArray}}" range-key="name">
        <view class="picker">
          <image class="keyImage" src="../../icons/trangle.png"></image>
          {{corpArray[index].name}}
        </view>
      </picker>
    </view>

相关js代码:

  data: {
    corpArray: [
      {
        corpid: "T",
        name: 'A有限公司'
      },
      {
        corpid: "L",
        name: 'B有限公司'
      },
      {
        corpid: "N",
        name: 'C有限公司'
      }
    ],
    corpid: "T", // 选择的厂区
    index: 0,
  },

  bindPickerChange: function (e) {
    var temp = this.data.corpArray[e.detail.value].corpid;
    this.setData({
      index: e.detail.value,
      corpid: temp
    })
  },

以上;