学习Vue电商后台管理系统剩余功能模块的bug
项目场景:VUE电商后台管理系统剩余模块的bug
`
在学习黑马前端的VUE电商后台管理系统时,老师所讲的内容已经基本完成了,但是项目剩下的一些功能还没有实现,在实现过程中出现了一些bug,不知道有没有小伙伴完成了该项目的全部功能呢?
希望各大前端程序员能够帮忙下,解决问题
问题描述
在编写商品列表的编辑功能时,需要向服务器提交相应数据,但是状态码是400也就是出错了。
// 修改商品信息并提交editListInfo() {this.$refs.editFormRef.validate(async valid => {if (!valid) return// 发起修改商品信息的数据请求const { data: res } = await this.$http.put(`goods/` + this.editForm.goods_id, { goods_name: this.editForm.goods_name, goods_price: this.editForm.goods_price, goods_number: this.editForm.goods_number, goods_weight: this.editForm.goods_weight, goods_introduce: this.editForm.goods_introduce, pics: this.editForm.pics, attrs: this.editForm.attrs })// , goods_introduce: this.editForm.goods_introduce if (res.meta.status !== 200) {return this.$message.error('更新用户信息失败!')}
原因分析:
原因是 商品分类没有所属内容, 目前没有解决,api文档的相应参数也已经添加了,就是不知道为什么出错。
学习Vue电商后台管理系统剩余功能模块的bug相关推荐
- 9.1黑马Vue电商后台管理系统商品管理模块完善:编辑商品的功能
在原视频中,老师跳过了这个功能,我觉得自己去实现也可以锻炼自己,于是自己补充了编辑功能 同用户管理,权限管理等之前各个模块的编辑功能不同,因为商品具有很多可编辑的选项,所以选择像添加商品一样,单独放在 ...
- 10.2 黑马Vue电商后台管理系统 完善订单模块--搜索订单(修改后端)
效果如下: 搜索时列表动态变化,在我专栏下另一篇文章写了,这篇文章不再讲述,这篇文章只讲述如何从后端(打开vue_api_server这个文件夹,而不是vue_shop)修改代码来实现这个功能 我的思 ...
- Vue电商后台管理系统(1)
Vue电商后台管理系统(1) 登录 在components文件夹下创建登录组件,Login.vue,并快速生成template.script和style骨架. 配置路由,进入router文件夹,导入L ...
- Vue项目实战之电商后台管理系统(二) 主页模块
前言 目录 前言 一.主页布局 1.1 整体布局 1.2 头部区域布局 1.3 左侧菜单布局 1.3.1 静态布局 1.3.2 通过axios请求拦截器来进行权限验证 1.3.3 通过axios获取左 ...
- Vue电商后台管理系统项目开发实战(一)
前言 当下根据不同的应用场景,电商系统一般都提供了PC端,移动APP,移动Web,微信等多种访问方式.如下图. 不同的客户端共用同一个服务器,数据库,API.本次项目着重设计PC后台管理,供电商后台管 ...
- 电商后台管理系统登录功能前端实现
目录 一 登录概述 1 登录业务流程 2 登录业务的相关技术点 3 token 和 cookie/session 一般选型策略 4 路由导航守卫控制访问权限 5 退出功能实现原理 二 登录-- tok ...
- 10.1 黑马Vue电商后台管理系统之完善订单管理模块--加入修改订单模块
效果如下: 实现如下: 1.我仍然保留了添加地址这一个对话框,但只是绑定在另一个按钮上面,而点击左侧第一个按钮就会跳转到"修改订单"模块 <template v-slot=& ...
- vue电商后台管理系统--订单管理篇
渲染订单table表格 <!-- 订单列表数据 --><el-table :data="orderList" border stripe><el-ta ...
- 电商后台管理系统订单列表模块
一 代码 1 新建 Order.vue 组件 <template><div><!-- 面包屑导航区 --><el-breadcrumb separator-c ...
- 10.4 Vue电商后台管理 完善订单模块--用Tab切换对订单进行分类
1. 效果如下: 2. 实现代码 四个el-tab-pane中,< el-table >是一样的: <el-tab-pane name="all" label=& ...
最新文章
- Apache Dubbo 2.7.7 发布!升级 fastjson 等依赖!
- JSP简单练习-JSP动作指令
- Pytorch CookBook
- 使用log4net记录日志到数据库(含有自定义属性)
- 国内外物联网平台初探(篇五:机智云平台)
- 11_条件随机场CRF1_统计学习方法
- 搬砖的也能学Python----if - elif 语句
- mac python 图_Python之图片OCR识别(Mac)
- JavaScript应用程序开发(游娱平台)
- 产品读书.心理学《九型人格》
- pandas read_csv sep用法
- fullpage得基本使用
- 我的世界java怎么改随机刻度_我的世界随机刻速度指令是什么
- 验证码(CAPTCHA)
- java写入文件中文乱码问题_解决Java写入UTF-8文件中文乱码问题
- JVM运行参数之-X和-XX参数
- Python函数命名-PEP8编码规范的说明及IDE提示的忽略
- Android颜色透明度
- golang:%v,%+v,%#v的区别
- OpenMAX编程-音视频等组件介绍