const. 2019-04-18 11:39 采纳率: 0%
浏览 1323
已采纳

VUE购物车商品增加数量要加两次才改变商品数量

图片说明

**
现在点第一次会提交当前的值给后台，点两次数量才改变,
加了提交数据的代码之后就变这样了，**

HTML部分

图片说明

methods部分

图片说明

vuex部分

图片说明
图片说明

后台部分

图片说明

  • 写回答

2条回答 默认 最新

  • o(╯□╰)o ! 2019-04-18 14:47
    关注

    看下怎么触发updateGoodsCount的？

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

  • Vue+Node实现商品列表的分页、排序、筛选，添加购物车功能详解
    2020-10-15 21:45
    在Vue.js中，可以创建一个购物车对象来存储选定的商品及其数量。每次用户点击添加到购物车，更新该对象。同时，需要考虑购物车商品的同步，例如使用Vuex管理状态，或者通过Ajax将购物车状态实时同步到服务器。 ```...
  • 用vue写购物车常用的数量增加和减少吧！
    2021-09-28 19:30
    YangHuan3的博客 2.methods中添加两个方法，比如add(增加)和sub(减少) 3.使用v-text将num设置给span标签 4.使用v-on将add和sub分别绑定给+，-按钮 5.累加逻辑：是可以一直增加 6递减逻辑：当小于0 时，让他等于0或者1 展示未写...
  • 用Vue.js实现多个商品数量的总价求和
    2023-12-12 20:05
    2301_78154597的博客 2.计算属性还可以依赖多个Vue 实例的数据，只要其中任一数据变化，计算属性就会重新执行，视图也会更新。例如：如果一个属性是由其他属性计算而来的，这个属性依赖其他属性，是一个多对一或者一对一，一般用computed...
  • vue学习笔记（购物车小案例）
    2024-07-16 16:33
    InterestingFigure的博客 用一个简单的购物车demo来回顾一下其中需要注意的细节。...(2)控制购物车商品数量，最低为1(3)拥有小计和总计功能。其中，总计为勾选的商品所需要的总金额。首先，先把静态页面写出来。登录后复制 <tem...
  • （十）实现购物车中的对商品的数量选择操作
    2018-05-04 15:52
    赏花赏景赏时光的博客 实现购物车中的对商品的数量选择操作，如图1所示，当一开始的时候，界面最右侧只有一个“+”按钮；当点击右侧任意一个“+”按钮的时候，点击的食品的相应地方会出现“-”按钮，并且出现添加的数量，如图2所示；当在...
  • vue实战指南 vue项目购物车的添加删除和状态更改
    2024-10-11 06:14
    DTcode7的博客 在现代Web应用中，购物车功能是电商网站不可或缺的一...首先，我们来实现一个基本的购物车功能，包括添加商品、删除商品和更改商品数量。在这个示例中，我们添加了折扣和税费的计算，并在购物车组件中展示了最终总价。
  • 前端vue经典面试题78道（重点详细简洁）
    2022-03-21 23:06
    一染星辰的博客 1.自我介绍 2分钟，200-300个字，主旨自己基本情况，工作经历...2.为何v-for要用key 快速查找到节点，减少渲染次数，提升渲染性能 3.描述vue组件声明周期mm 单组件声明周期图 挂载： beforeCreate => created =
  • vue中如何为购物车添加同种商品
    2021-09-10 21:53
    楼兮诺的博客 先介绍一下Vue添加商品到购物车的逻辑 用户浏览商品列表 用户点击了某一个商品 在程序中，拿到用户点击商品的有关信息（id等） 将该商品的信息 push 到存放商品的数组对象 goodsList 中 在购物车中循环渲染出来 到...
  • 用Vue实现购物车功能！！！
    2024-08-17 16:03
    前端ing学习的博客 用vue实现数据的添加与删除（购物车功能），数组函数熟练运用 用vue实现数据的添加与删除（购物车功能），数组函数熟练运用 用vue实现数据的添加与删除（购物车功能），数组函数熟练运用 用vue实现数据的添加与删除...
  • Vue2电商平台(五)、加入购物车，购物车页面
    2024-10-07 17:50
    爱喝水的小鼠的博客 进入购物车页面时，应将用户的id传给后端，后端根据用户id检索出该用户的购物车商品信息，传递给前端用于展示及进行其他操作。由于没有修改多个商品的接口，所以思路是多次调用打勾单个商品的接口，把每个商品的勾选...
  • 没有解决我的问题, 去提问