项目笔记25（尚品汇）

原创 已于 2022-07-16 10:35:37 修改 · 456 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #前端 #vue #css #javascript

于 2022-03-24 17:40:57 首次发布

文章目录

删除全部选中商品

在这里插入图片描述
首先给‘删除选择的商品’绑定一个点击事件
在这里插入图片描述
接下来书写点击事件的逻辑
在这里插入图片描述

这个功能没有后台接口，因此我们可以换一种思路，就是遍历检查商品有没有被选中，如果被选中，我们就调用之前写好的删除自身产品的接口。具体代码如下所示
在这里插入图片描述
此时删除选中的商品功能完成。

全部商品的勾选状态修改

首先给全选按钮绑定一个点击事件或者change事件
在这里插入图片描述
接下来和上一个删除选择的商品一样。首先对仓库发起一个action,发起action的同时，记得传输按钮状态。
在这里插入图片描述
在仓库在，由于同样没有全部商品的勾选状态修改的接口，因此需要自己根据之前的接口进行书写
具体代码如下所示
在这里插入图片描述

此时功能完成

尚品汇项目笔记
m0_67393039的博客
03-06 704
尚品汇项目笔记 前端Vue核心 1、vue文件目录分析 2、项目配置 3、组件页面样式 4、清除vue页面默认的样式 5、pages文件夹 6、footer组件显示与隐藏 7、路由传参 8、多次执行相同的push问题 9、定义全局组件 10、代码改变时实现页面自动刷新 11、Home首页其它组件 12、封装axios 13、前端通过代理解决跨域问题 14、请求接口统一封装 15、nprogress进度条插件 16、手动引入vuex 17、async await使用 18、vuex（*****） 19、lo
尚硅谷Vue2项目尚品汇笔记及技巧汇总
With_Sunflower的博客
11-18 845
B站尚硅谷Vue2前台项目尚品汇笔记及技巧汇总，整理自用，部分内容摘自老师上课所记笔记哈~
Vue笔记【尚品汇项目】
javaScript1997的博客
02-28 5062
1、vue文件目录分析 node_modules: 文件夹:项目依赖文件夹 public文件夹： 一般防置一些静态资源(图片),需要注意的,放在public文件夹中的静态资源,webpack进行打包的时候,会原封不动的打包到dist文件夹中. src文件夹(程序员源代码文件夹): assets文件夹: 一般也是防置静态资源(一般防置多个组件共用的静态资源),需要注意,防置assets文件夹里面静态资源,在webpack打包的时候,webpack会把静态资源当做一个模块,打包JS文件里面。 compo
尚硅谷--尚品汇项目笔记
qq_49575831的博客
11-05 3221
尚硅谷--尚品汇项目笔记
【尚品汇】项目笔记
weixin_40852935的博客
06-25 2069
目录分析 文件夹：静态资源，webpack进行打包的时候会原封不动打包到dist文件夹中。文件夹（程序员代码文件夹）:babel配置文件 ：看到项目描述、项目依赖、项目运行指令 : 缓存性文件（各种包的来源） :项目说明文件...................................................
Vue项目--尚品汇笔记
AGW.的博客
03-05 1495
尚品汇项目笔记。
电商项目尚品汇学习笔记
buhaisao321的博客
12-26 949
尚硅谷--电商项目尚品汇
前端尚硅谷尚品汇Vue项目笔记
Hiyori02的博客
12-17 3304
前端尚硅谷尚品汇Vue项目笔记
尚品汇项目笔记（持续更新中）
yuran1的博客
09-07 3939
vue项目、尚硅谷、项目笔记
尚品汇项目笔记01
lemonsea_的博客
07-15 646
路由组件Home、Search、Login（没有底部的Footer组件，带有二维码的）、Register（没有底部的Footer组件，带二维码的）public文件夹一般放置一些静态资源(图片)，需要注意，放在public文件夹中的静态资源，webpack进行打包的时候,assets文件夹一般也是放置静态资源(一般放置多个组件共用的静态资源)，需要注意，放置在assets文件夹里面静态。确定项目结构顺序上中下-----只有中间部分的V在发生变化，中间部分应该使用的是路由组件。...
vue大型电商项目尚品汇（前台篇）day02.doc
07-09
Vue 大型电商项目尚品汇（前台篇）day02 本文是对 Vue 大型电商项目尚品汇（前台篇）day02 的总结，主要涵盖了 Vue 项目中的技术要点。 一、重写 push/replace 方法 在 Vue 项目中，我们需要重写 push/replace ...
尚硅谷电商项目尚品汇笔记1.5
03-01
尚硅谷电商项目尚品汇笔记1.5
精选资源
尚硅谷电商项目尚品汇笔记4
03-01
尚硅谷电商项目尚品汇笔记4
Vue 2 项目中 template 使用可选链 ?. 导致的诡异编译报错及 webpack loader 配置坑
GhostPaints的博客
01-05 887
最近在维护一个基于 Vue 2 的老项目（RuoYi-Vue 框架衍生）时，遇到一个特别诡异的编译问题：同一个项目，使用 pnpm run dev（连接测试环境）一切正常，但切换到 pnpm run dev:local（连接本地后端）时，启动就直接报错，错误信息指向 template 中的可选链运算符?这让我百思不得其其解——Vue 2.7 明明官方支持 template 中的?.，为什么本地环境就炸了？。
Vue 3 组件通信全方案详解：Props/Emit、provide/inject、事件总线替代与组合式函数封装
小二丶的博客
01-05 1271
本文系统梳理Vue3中7种组件通信方式，重点剖析props/emits、provide/inject、v-model等核心方案，并通过实战案例演示应用场景。文章包含完整TypeScript代码实现、性能对比数据及5个常见反模式避坑指南。主要内容包括：父子组件通信（props/emits）、跨层级通信（provide/inject）、双向绑定（v-model）、逻辑复用（Composables）以及全局状态管理（Pinia）。
2026 实现优雅的现代 Vue3 通用模板
最新发布
猪猪侠的博客
01-08 161
添加 GitHub Actions 自动化部署配置示例。设置 VS Code 工作区推荐配置。配置 Vue Router 示例。使用 Vite 官方模板创建项目。设置 ESLint 配置文件。配置 Vite 的自动导入功能。配置 Vitest 测试文件。创建 Pinia 存储示例。进入项目目录并安装基础依赖。配置生产环境构建命令。
某知名it培训班前端三阶段vue相关面试题
Lau的博客
01-06 688
data() {},sum() { // 只读计算属性},fullName: { // 可读写计算属性},
22-mini-vue props
weixin_57142035的博客
01-04 188
【代码】22-mini-vue props。
电商项目：尚品汇笔记实现数量动态管理
在尚硅谷电商项目的尚品汇笔记3中，主要讨论了如何实现购物车页面中产品数量的动态管理，特别是对于用户通过点击减号按钮（-）、加号按钮（+）以及文本框输入进行数量更改时的处理逻辑。关键知识点如下： 1. **统一...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Revin050

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值