wxml部分代码：

<picker bindchange="bindPickerChange" value="{{index}}" range="{{userCouponList}}" range-key="name">
            <view>{{index}}</view>
            <view class="picker">
              当前选择：{{userCouponList[index].name}}
            </view>
</picker>

js部分代码：

bindPickerChange: function(e) {
    console.log('picker发送选择改变，携带值为', e.detail.value)
    this.setData({
      index: e.detail.value
    })
    console.log(this.data.index)
},

index初始值为0，选择第二个选项以后，index被更新成1，但是页面不会刷新，还是原来的值。

页面如图

控制台输出图

可以看到this.data.index更新成功了，页面不会刷新。picker的js复制的官方代码，使用官方示例是可以成功刷新页面的，没搞明白，求解，整了几个小时试了各种方法都没用，已经裂开，求大佬解答