Vue项目中常见问题(38)加入购物车成功与失败的判断

最新推荐文章于 2024-03-30 10:17:30 发布
最新推荐文章于 2024-03-30 10:17:30 发布
阅读量639 收藏 1
点赞数 1
分类专栏： vue前台管理项目 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46368050/article/details/124904214
版权

目录

gitee仓库地址:https://gitee.com/CMD-UROOT/sph-project/commits/master

业务需求1:

业务需求2:

gitee仓库地址:https://gitee.com/CMD-UROOT/sph-project/commits/master

大家根据上传历史进行查找你需要的代码

业务需求1:

我们在组件Detail/index.vue中

我们并不知道我们产品信息加入数据库是成功了,还是失败了,Detali中是派发了一个action,然后仓库中帮Detail带参数发请求,存储在服务器当中,而且服务器返回了成功与失败的结果,但是你要知道现在成功与失败的结果是在仓库中的store/detail/index.js中,而我们想在组件中使用,那现在怎么办呢?

在store/detail/index.js中,这个函数因为加了async,所以是一个promise函数

我们在pages/Detail/index.vue中,调用store/detail/index.js中的函数addOrUpdateShopCart,打印的结果其实是一个promise

最低0.47元/天 解锁文章
学无止境QAQ
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
magento 提交订单失败跳回到购物车的问题
iiiiiiiiiiii9的专栏
03-02 887
经测试，发现抛出异常 SQLSTATE[HY000]: General error: 1205 Lock wait timeout exceeded; try restarting transaction 原因是你使用的InnoDB   表类型的时候, 默认参数:innodb_lock_wait_timeout设置锁等待的时间是50s, 因为有的锁等待超过了这个时间,所以抱错.
安装Vue-cli踩的大坑(Failed to compile. ./src/components/HelloWorld.vue Module Error (from ./node_modules)
weixin_43623808的博客
01-03 2万+
报错 之前上百度搜索看都是说我vue-loader没安装，但是还好被明眼人点醒了 解决方案基于vue-cli4.xx版本 但是我对比了vue-cli3.1.2的版本，也同样可以解决问题 开启了严格模式，报错都是你的空格间距有问题，需要在package.json下删除： ...
【VUE框架实现简单购物车编写】
最新发布
weixin_45642112的博客
03-30 319
【代码】【VUE框架实现简单购物车编写】
Module Error (from ./node_modules/eslint-loader/index.js):解决办法
热门推荐
aaronthon的博客
05-19 2万+
vue启动项目报如下错误： Failed to compile. ./src/components/Vcontent.vue Module Error (from ./node_modules/eslint-loader/index.js): E:\myvue\src\components\Vcontent.vue 4:15 error Parsing error: une...
Vue项目启动报错解决
weixin_43785284的博客
08-06 3247
webstorm中启动vue工程相关报错解决
Vue3电商项目实战-购物车模块1【01-购物车功能分析、02-加入购物车-本地、03-头部购物车-基础布局】
m0_52896752的博客
03-02 1189
Vue3电商项目实战-购物车模块1【01-购物车功能分析、02-加入购物车-本地、03-头部购物车-基础布局】
vue项目中常见问题及解决方案(推荐)
10-16
主要介绍了vue项目中常见问题及解决方案,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
Vue项目开发常见问题和解决方案总结
10-14
主要介绍了Vue项目开发常见问题和解决方案总结，帮助大家更好的利用vue开发，感兴趣的朋友可以了解下
Vue项目中跨域问题解决方案
08-27
本文给大家介绍了vue项目中跨域问题的完美解决方案，通过更改header，使用http-proxy-middleware 代理解决（项目使用vue-cli脚手架搭建），具体内容详情大家跟随脚本之家小编一起学习吧
VUE项目初建和常见问题总结
10-16
在本篇文章里小编给大家整理的是关于VUE 项目初建和常见问题以及相关知识点内容，有需要的朋友们学习下。
尚硅谷Vue尚品汇项目-解决购物车刷新页面后数据渲染失败的问题
never_stop_study的博客
10-08 402
尚硅谷Vue尚品汇项目-解决购物车刷新页面后数据渲染失败的问题
Failed to resolve import “@/views/index.vue“ vue3 路由配置@找不到文件
明哥
03-31 3432
进入根目录下配置文件。
vue常见错误及解决办法
ButOff的博客
03-23 9403
1、在配置路由并引入组件后，报错： 　　　　Unknown custom element: <router-link> - did you register the component correctly? For recursive components, make sure to provide the "name" option. 　　错误原因：vue-router没有注册 　　解决办法： 　　　　//注册插件 *****************非常重要，不能忘记 　　　　Vue
vue实战-加入购物车一系列操作
bying666的博客
10-12 3119
为了使得能将成功添加到购物车的数据能取出来，必须要有一个身份标识，使用uuid来随机生成一个临时游客身份标识，这样在需要购物车数据时，才能从服务器中取出存入的含有身份标识的数据。在src中创建一个工具文件夹utils的uuid_token.js（为了设置获得uuid的存储以及为了它的唯一性）跳转到AddCartSuccess组件需要传临时的商品信息到该组件动态显示出来，所以用到会话存储。因为存在了临时id：uuid，在shopCart仓库中可以获得购物车的动态数据。成功在shopCart仓库中获得数据。
Vue 报错 之 Syntax Error: TypeError: this.getOptions is not a function
仙魁XAN
10-29 2万+
IntellJ IDEA 基础之 创建 SpringBoot 整合 SSM 框架的 Maven 工程简单整理 目录 IntellJ IDEA 基础之 创建 SpringBoot 整合 SSM 框架的 Maven 工程简单整理 一、简单介绍 二、报错现象 三、问题分析 四、问题处理 一、简单介绍 Vue 开发的一些知识整理，方便后期遇到类似的问题，能够及时查阅使用。 本节介绍，Vue 运行时报错 Syntax Error: TypeError: this.getOptions ...
vue 页面刷新报错
qq_36485978的博客
11-13 1324
原因：后台代理的字段和路由命名重复，修改任一字段就可以
vue项目 启动失败报错（实用的解决方法）
前端程序员、项目经理、人工智能博主
10-31 5015
第一种报错如下 解决办法： 直接项目目录下运行npm install webpack-dev-server -g 第二种常见报错如下 如果我们遇到像Error: Cannot find module '***'的报错 我们可以直接项目目录下npm install 报错提示的***去进行下载 示例报错如下： 解决办法: 讲解完毕 ...
vue启动项目报错解决
weixin_45732235的博客
03-23 1052
npm ERR! Missing script: "serve"报错解决 我是在E\projectSPH目录下创建项目 vue create app 然后运行时报错了 然后我看了看我的配置也没有问题。看了其他人博客说是路径问题，但是我觉得自己的路径是正确的的，于是浪费了十几分钟看各种博客。然后我就想看看我其他项目的目录 然后发现了我的项目是在app文件夹下。也就是说的的确确是我的路径出错了 解决了 ...
【vue】vue组件之间相互调用问题处理
有财的博客
05-30 2474
简单来说过就是A组件调用B组件，B组件又调用A组件。把其中一个组件设置为动态引入即可。例如：A组件通过“import”引入B组件。
vue项目中常见的错误
07-13
在Vue项目中，有几个常见的错误可能会遇到。以下是一些常见的错误和解决方法： 1. 模块未找到错误（Module not found）：这通常是因为文件路径或模块名称错误导致的。确保你的文件路径和模块引入的名称是正确的，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值