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