vue和vuex购物车数量更新问题?
vue and vuex shopping cart quantity update problem?
这是我的购物车结帐页面,当我点击 + 按钮增加数量或点击 - 按钮减少数量时,它不是工作,但是当我导航到产品页面并再次返回结帐页面时,我看到数量已更新。为什么实时 DOM 没有响应或显示更新?有人请告诉我引擎盖下发生了什么,我将如何解决这个问题。谢谢
这是我的项目link
Shopping Cart (https://codesandbox.io)
state.cart[productInCartIndex].quantity++;
Vue2 反应性基于对象 getter 和 setter。当您像这样 object[key]
而不是这样 object.key
直接赋值时,不会触发 vue 反应性。
如果您必须这样做,请使用 Vue.set 来解决这个问题。在这里查看更多:
https://vuejs.org/v2/guide/reactivity.html
这是我的购物车结帐页面,当我点击 + 按钮增加数量或点击 - 按钮减少数量时,它不是工作,但是当我导航到产品页面并再次返回结帐页面时,我看到数量已更新。为什么实时 DOM 没有响应或显示更新?有人请告诉我引擎盖下发生了什么,我将如何解决这个问题。谢谢
这是我的项目link Shopping Cart (https://codesandbox.io)
state.cart[productInCartIndex].quantity++;
Vue2 反应性基于对象 getter 和 setter。当您像这样 object[key]
而不是这样 object.key
直接赋值时,不会触发 vue 反应性。
如果您必须这样做,请使用 Vue.set 来解决这个问题。在这里查看更多: https://vuejs.org/v2/guide/reactivity.html