问题记录:
视频复现
原因是:
我在子组件
recommendGoodsList.js中,重复赋值并监听了多个属性,实际都是要改变数组recommendGoodsList即可
导致了购物车购买的数字出现又被刷新覆盖
解决方案:
在父组件中,在第一次进页面的时候,在请求接口函数中,取出本地缓存的购物车数据赋值给settlementData中的recommendActCart。同时父组件中的加减操作也要及时更新购物车数组并赋值给settlementData,使其数据及时更新触发子组件的监听机制
在子组件中,只需要observer监听settlementData的变化即可,数据就不会重复渲染和覆盖