解决微信小程序动态生成表单情况下，遍历picker,并无法修改列表里面下标key的解决访方案

需求描述：

通过请求后端接口，动态获取表单的数据源（json格式，数组），使用小程序wx:for循环遍历，对接口返回的数组中的一个字段存为picker组件选择器，并允许用户进行选择修改该值。

问题描述：
在使用wx:for循环时，picker选择器修改值操作如果直接使用this.setData({index:e.detail.value})的方式进行修改保存，使用这种方式就会出现picker选择器渲染完毕后，对其中的某个选择器的值进行修改，相对应的，所有使用wx：for循环遍历出的picker选择器的值均会修改（原因：picker选择器共用value所影响）

解决方案：
对后台返回的数据进行处理，在后台返回的数组中每一项添加当前picker选择器修改后的值，picker选择器选项字段，在循环所有picker选择器时，通过给picker选择器绑定不同的索引，通过索引去监听哪个picker选择器的值进行改变，进行改变后的picker选择器记录对应改变的值后，重新赋值即解决动态生成picker选择器后修改值相互影响问题。

注：如果是下拉框的情况下，后台返回的数据请用一个固定的键来保存下拉框的里面的json数组，比如selectList

wxml文件：

<!-- wxml -->
<form bindsubmit="formSubmit">
  <view wx:for='{{formTemplate}}' wx:key='{{indx}}' wx:for-index="idx">
	<view >
		<view>
			<text>状态类型：</text>
		</view>
		<view>
			<picker bindchange="bindPickerChange" data-index='{{idx}}'  range="{{item.array}}">
				<input placeholder='请选择' disabled value='{{item.value}}'></input>
			</picker>
		</view>
	</view>
  </view>
  <view class="bottombtn">
    <button class="bluebtn" form-type="submit" >提交保存</button>
  </view>
</form>

{{formTemplate}}是后台接口返回的模板列表对象

{{item.value}} 是列表对象里面虚拟出来的一个字段，你可以自己随便定义，所以默认肯定为空

js文件:

//下拉框切换事件
    bindPickerChange(e) {
      let value = e.detail.value;
      let index = e.currentTarget.dataset.index;
      this.setData({
       ['formTemplate['+index+'].fieldValue']:this.data.formTemplate[index].selectList[value]
      })
    },
/**
     * 切换时间选择框
     * @param {*} e 
     */
    bindDateChange: function (e) {
        let value = e.detail.value;
        let index = e.currentTarget.dataset.index;
        this.setData({
          ['formTemplate['+index+'].fieldValue']:value
        })
    },

其他比如时间选择器同理都可以按这个方式动态修改