【问题标题】:vue and vuex shopping cart quantity update problem?vue和vuex购物车数量更新问题?
【发布时间】:2023-03-09 01:58:01
【问题描述】:

这是我的购物车结帐页面,当我单击 + 按钮以增加数量或单击 - 按钮以减少数量时它不起作用但是当我导航到产品页面时并在我看到数量已更新时再次返回结帐页面。为什么实时 DOM 没有响应或显示更新?有人请告诉我幕后发生了什么以及我将如何解决这个问题。谢谢

这是我的项目链接 Shopping Cart (https://codesandbox.io)

【问题讨论】:

    标签: vue.js vuex vue-router


    【解决方案1】:

    state.cart[productInCartIndex].quantity++;

    Vue2 反应性基于对象的 getter 和 setter。当你像这样object[key]而不是object.key这样直接赋值时,不会触发vue反应。

    如果您必须这样做,请使用克服此问题的 Vue.set。在这里查看更多: https://vuejs.org/v2/guide/reactivity.html

    【讨论】:

    • 您好,不知道您叫什么名字?任何!非常感谢您的重要指导。我已经阅读了关于反应性的 vuejs 文档,两天后我已经实现了我的目标,最终我做到了。再次感谢@Dutch77
    猜你喜欢
    • 1970-01-01
    • 2020-01-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-01-29
    • 2022-10-25
    • 2019-12-25
    • 1970-01-01
    相关资源
    最近更新 更多