微信小程序中picker提交form表单时提交的是下标怎么解决

相信大家都知道picker作为普通选择器时，提交表单的时候提交的是下标，那怎么解决呢？

wxml代码

<view class="cell">
    <picker bindchange="bindPickerChange"  range="{{array}}" name="SampleMethod" mode="selector">
      <view class="text"><text>采样方式</text></view>
      <view class="method">
        {{array[index]}}
      </view>
    </picker>
  </view>

js代码

data:{
    array: ['鼻腔拭子', '鼻咽拭子', '口腔拭子'],
  },
  // 获取采样方式
  bindPickerChange: function(e) {
    // console.log('picker发送选择改变，携带值为', e.detail.value) 
    this.setData({
      index: e.detail.value
    })
  },

解决方法

wxml中picker加一个value属性，值就是选中的那个值，我这里就是{{array[index]}}

js代码不用变

wxml代码

<view class="cell">
    <picker bindchange="bindPickerChange"  range="{{array}}" name="SampleMethod" mode="selector" value="{{array[index]}}">
      <view class="text"><text>采样方式</text></view>
      <view class="method">
        {{array[index]}}
      </view>
    </picker>
  </view>