最近在做一个商城的项目,在加入购物车这一块使用了vuex,
当中遇到了一个问题就是在购物车页面时,加减数量 视图不及时更新
但是数据已经改变,只有再次进入购物车页面的时候才会更新视图。
在控制台打印数量时显示undifined。
只需要深拷贝一下加入购物车的数据就好使了

state.list是我加入购物车的数据,新建一个数组arr,将state.list深拷贝赋值给arr,处理完成后再赋值回给state.list就好

在这里为了通俗易懂,就拼音式命名了。
最近在做一个商城的项目,在加入购物车这一块使用了vuex,
当中遇到了一个问题就是在购物车页面时,加减数量 视图不及时更新
但是数据已经改变,只有再次进入购物车页面的时候才会更新视图。
在控制台打印数量时显示undifined。
只需要深拷贝一下加入购物车的数据就好使了
state.list是我加入购物车的数据,新建一个数组arr,将state.list深拷贝赋值给arr,处理完成后再赋值回给state.list就好
在这里为了通俗易懂,就拼音式命名了。
本文标题:vuex实现简单购物车加减数量遇到的问题
本文链接:https://www.haomeiwen.com/subject/vajzkctx.html
网友评论