触发场景:
一组数组渲染多选功能,点击单项后,改变单项对象的一个属性作为判断依据,是否选择该项,虽然打印了该数组,数组单项对象的属性确实改变,但是页面展示不变(利用watchlai监听数组,数组改变,但是DOM还是不变)。
解决方案,利用this.$set(this.listData,index,item); 对该单项进行手动的双向数据绑定,解决!item 就是已改变的数组子项。
Vue中解决数组改变,但是DOM不变的问题
最新推荐文章于 2023-02-22 17:50:43 发布
触发场景:
一组数组渲染多选功能,点击单项后,改变单项对象的一个属性作为判断依据,是否选择该项,虽然打印了该数组,数组单项对象的属性确实改变,但是页面展示不变(利用watchlai监听数组,数组改变,但是DOM还是不变)。
解决方案,利用this.$set(this.listData,index,item); 对该单项进行手动的双向数据绑定,解决!item 就是已改变的数组子项。