需求描述:
通过请求后端接口,获取到数据源(json格式,数组),使用小程序wx:for循环遍历,对接口返回的数组中的一个字段存为picker组件选择器,并允许用户进行选择修改该值。
问题描述:
在使用wx:for循环时,picker选择器修改值操作直接使用this.setData({index:e.detail.value})的方式进行修改保存,使用这种方式就会出现picker选择器渲染完毕后,对其中的某个选择器的值进行修改,相对应的,所有使用wx:for循环遍历出的picker选择器的值均会修改(原因:picker选择器共用value所影响)。
代码呈上:
<!-- wxml -->
<view class="card" wx:for='{
{inventory}}' wx:key='{
{item.ID}}'>
<view class="cardtop">
<view class="cardleft">
<text>修改状态:</text>
</view>
<view class="cardright">
<picker bindchange="bindPickerChange" value="{
{index}}" range="{
{arr