【发布时间】:2023-03-09 01:58:01
【问题描述】:
这是我的购物车结帐页面,当我单击 + 按钮以增加数量或单击 - 按钮以减少数量时它不起作用但是当我导航到产品页面时并在我看到数量已更新时再次返回结帐页面。为什么实时 DOM 没有响应或显示更新?有人请告诉我幕后发生了什么以及我将如何解决这个问题。谢谢
【问题讨论】:
标签: vue.js vuex vue-router
这是我的购物车结帐页面,当我单击 + 按钮以增加数量或单击 - 按钮以减少数量时它不起作用但是当我导航到产品页面时并在我看到数量已更新时再次返回结帐页面。为什么实时 DOM 没有响应或显示更新?有人请告诉我幕后发生了什么以及我将如何解决这个问题。谢谢
【问题讨论】:
标签: vue.js vuex vue-router
state.cart[productInCartIndex].quantity++;
Vue2 反应性基于对象的 getter 和 setter。当你像这样object[key]而不是object.key这样直接赋值时,不会触发vue反应。
如果您必须这样做,请使用克服此问题的 Vue.set。在这里查看更多: https://vuejs.org/v2/guide/reactivity.html
【讨论】: