微信小程序修改data值视图没有改变

<cover-view class="root">
    <cover-view wx:for="{{tabBar.list}}" data-index="{{index}}" class="tabView" bindtap="btnTab">
        <cover-image class="imgView"  src="{{item.iconPath}}"></cover-image>
        <cover-view class="txtView">{{item.text}}</cover-view>
    </cover-view>
</cover-view>

methods:{
        btnTab(e){
            let index = e.currentTarget.dataset.index
            let tabBar = this.data.tabBar
            tabBar.list[index].src = tabBar.list[index].selectedIconPath
            this.setData({
                tabBar:tabBar
            })
            console.log('index',index);
            console.log('tabBar',this.data.tabBar);
        },
    },

为什么data中的数据改变了，视图并没有做出改变啊

可能是因为更新前后的tabBar是同一个对象，可以尝试将第4行改为

let tabBar = {...this.data.tabBar}

在回调里打印一下看看 是不是真的改变了

 this.setData({
    tabBar: tabBar
  }, () => {
    console.log('index', index);
    console.log('tabBar', this.data.tabBar);
  });