小程序：同一页面多个单项选择

WXML

<view class="li" wx:for="{{objArray}}" wx:for-item="itm" wx:for-index="idx">
    {{itm.title}}
    <picker bindchange="bindChange_select" value="{{itm.index}}" data-current="{{idx}}" range="{{itm.option}}">
      <view class='setcontext'> {{itm.option[itm.index]}} </view>
    </picker>
 </view>

JS

Page({
  data: {

objArray: [
      {
        index: 0,
        title: '选择距离范围',
        option: ['50米内', '100米内', '150米内', '200米内'],
      },
      {
        index:1,
        title: '选择时间范围',
        option: ['5分钟内', '10分钟内', '15分钟内', '20分钟内'],
      },
    ]
  },

  bindChange_select: function (ev) {
    const curindex = ev.target.dataset.current
    this.data.objArray[curindex].index = ev.detail.value
    this.setData({
      objArray: this.data.objArray
    })
  },

})