使用vue2.0实现购物车和地址选配功能_技术问答

首页免费课使用vue2.0实现购物车和地址选配功能问答

使用vue2.0实现购物车和地址选配功能

                
                河畔一角
            Web前端工程师

                    查看讲师更多课程 
                    河畔一角讲师的其他课程
                
React18+TS 通用后台管理系统解决方案落地实战
实战·中级·643

                                                                                                                                    ￥348.00
                                            
基于Vue2.6开发商城核心页面
慕课微课·中级·5508

                                                                                                                                    ￥36.00
                                            
                难度中级
            
                时长 2小时47分
            
                学习人数
            
综合评分9.60
                            272人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.5
                                简洁易懂
                            
                                9.5
                                逻辑清晰

全部评论问答未解决精华

慕勒2507757

想问一下，这个dom，你们没有正规的渠道下载吗？下面提供的下载的地址，下了都是错的。

0 1-1 Vue基础知识介绍

2017-12-04

天使释怀丶

很赞呀，老师也很负责，讲的很清楚，对于未接触过Vue的我来说，感觉一下子就喜欢上了Vue。

0 7-1 课程总结

2017-12-04

liuyanxia

老师，能上传一下代码吗

0 6-2 卡片选中、设置默认等功能实现

2017-12-04

一杯2块的奶茶

取反成功了，只是设为默认外面div有个隐藏样式

1 6-1 地址列表过滤和展开所有功能实现

2017-12-04

liuyanxia

视频确实比文档生动些，知道怎么去用，

1 4-1 vue过滤器的使用

2017-12-04

cmy11

谢谢最高赞的同学手打的资源，但是希望好好检查一下......

1.json文件的图片路径加了static目录，但是实际项目目录没有static目录，
"productImage":"static/img/goods-1.jpg",
"imgSrc":"static/img/part-1.jpg"

.quantity input {
width: 40px;
padding: 5px 10px;
text-align: center;
}
cart.html自定义样式quantity 类拼写错了，这很明显，打开网页一看就发现了...商品数量旁边没有加减号。

9 2-1 创建Vue实例

2017-12-03

cmy11

2017-12-03

liuyanxia

出错的编程才是好视频，讲的还是很好的，就是版本一二的区别这个地方，感觉老师讲的有点迷糊，

2 3-1 使用v-for指令渲染商品列表

2017-12-02

慕少1584015

源码地址：https://github.com/chen-jie/chen-jie.github.io

演示地址：https://chen-jie.github.io/cart.html

0 6-2 卡片选中、设置默认等功能实现

2017-12-01

慕少1584015

源码地址：https://github.com/chen-jie/chen-jie.github.io
演示地址：https://chen-jie.github.io/cart.html

1 7-1 课程总结

2017-12-01

一米阳光0704

讲的太好了，正不知道怎么学，跟着敲一边收获满满

1 5-2 商品总金额计算、删除功能实现

2017-11-30

慕勒2507757

想评价一下。老师讲的非常好。我第一次学习框架，学习不教框架的。自己用原生代码写了个大型电商批发网站。看了vue框架的学习，老师讲的很好。但是我想说一个知识点。在jquery里面，对ajax的封装，有对4种类型的简写封装。其中get请求方式，
语法：$.get().then(()=>{});
是可以这样写的哟，都是支持promise的。
嘿嘿。慕课网讲的很好，比大学老师讲课好多了。100个赞，不怕你骄傲

1 3-1 使用v-for指令渲染商品列表

2017-11-30

慕仙4942071

刚开始的时候我是用的forEach去遍历productList这个数组，但是，总是单选的最后一条数据的单选状态可以直接改变全选的选中状态，后来试了试for循环去遍历这个数组，问题解决，没明白为什么会有这样的bug，可能跟方法的实现有关吧

0 5-1 单件商品金额计算和单选全选功能

2017-11-30

慕仙4942071

单选:function(item){
var _this = this;
if(typeof item.checked == 'undefined'){
this.$set(item,"checked",true);
}else{item.checked = !item.checked;}
for(var i = 0;i<this.productList.length;i++)
{if(this.productList[i].checked){this.checkAllFlag = true;}else{ _this.checkAllFlag = false;break;}}},

4 5-1 单件商品金额计算和单选全选功能

2017-11-30

慕仙4942071

说几个坑，跟着视频敲，首先是完成了老师的代码，然后再在此基础上进行完善，页面上我把“取消全选”这段话去掉了，点击全选=》全部选中，再次点击全部取消选中，跟做单选的原理一样不再赘述，在点击单选的时候，用for循环将整个this.productList的每一条checked状态进行遍历，只要出现了false，就将全选的状态this.checkAllFlag赋值为false，反之附为true，代码如下：

2 5-1 单件商品金额计算和单选全选功能

2017-11-30

首页上一页 18 19 20 21 22 23 24 下一页尾页

该课程已下架

课程须知: 1、提前了解和熟悉javascript 2、了解一下ES6相关的知识

老师告诉你能学到什么？: 1、Vue2.0各种指令的学习 2、Vue2.0生命周期的介绍 3、Vue2.0事件绑定、过滤器的使用、组件的介绍 4、Vue-resource插件的讲解 5、ES6语法的介绍 6、结合购物车的案例，更加接近实战 7、在实际项目开发的过程中，开发技巧的讲解

微信扫码，参与3人拼团

热搜

最近搜索清空

使用vue2.0实现购物车和地址选配功能