使用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
                                逻辑清晰

全部评论问答未解决精华

慕的地5302074

代码在这
https://github.com/BUPTlhuanyu/vueShoppingCar
欢迎clone，喜欢的给star哦
之后还会给出基于该项目利用webpack和vue实现组件化

1 1-1 Vue基础知识介绍

2017-11-29

onselfmessage

老师讲的非常好

0 7-1 课程总结

2017-11-29

qq_蔡某_0

图片还是没加载出来，图片的地址为：<img src="static/img/goods-2.jpg" alt="图片加载不成功!">

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

2017-11-28

qq_蔡某_0

为毛是这个结果
Error in mounted hook: "TypeError: Cannot read property 'get' of undefined"

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

2017-11-28

拱猪的小白菜

很喜欢这个老师的课，思路很清晰，表达也很清楚，老师再多出点课程

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

2017-11-28

慕盖茨8246395

this.$http.get('./data/cartData.json',{'id':123}).then(function(res){
_this.productList = res.data.result.list;
console.log(_this.productList)
为什么成品项目里面res.data.result.list 这个要加data才能渲染出效果，讲案例的时候不用呢？

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

2017-11-27

浅若巜夏沫

changeMoney:function(product, way){
product.productQuantity+=way;
}

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

2017-11-27

初竹殇

个人觉得既然2.0版本已经把1.0的知识点都覆盖了，就没必要再讲1.0那些错误的示范了，这让没接触过vue的小伙伴很痛苦，还有那个结账那里不需要做个判断？如果没选择商品跳去结账页也没用吧？

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

2017-11-27

zeroT_T

checkAll: function(type){
this.checkedAllFlag = type
this.list.forEach(function(value, index){
if (type) {
value.checked = true;
}else{
value.checked = false;
}
})
}

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

2017-11-27

zeroT_T

checkOne: function(item){
if (typeof item.checked == 'undefined') {
this.$set(item, 'checked', true)
}else{item.checked = !item.checked};
var _this = this;
for (var i = 0; i < this.list.length; i++) {
if (this.list[i].checked) {_this.checkedAllFlag = true}else{_this.checkedAllFlag = falsebreak;}}}

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

2017-11-27

zeroT_T

针对杨少峰同学的提出的解决方案还是有一个bug，如果从最后一个开始选，全部选中仍然会被勾选，是因为没有break导致，不用forEach
for (var i = 0; i < this.productList.length; i++) {
if (this.productList[i].checked) {
_this.checkedAllFlag = true;
}else{
_this.checkedAllFlag = false;
break;
}
}

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

2017-11-27

初梦酱

就是这么大胆, 就是这么先进

2 4-1 vue过滤器的使用

2017-11-26

海马哥

computed:{
filterAddress:function () {
return this.addressList.slice(0,this.offset);
/*
注意splice 方法方法会修改原对象！！！！！！！！！！！
slice 方法不会！！！！！！！！！！
*/
}
},

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

2017-11-26

初竹殇

反正输出的res.body就是null

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

2017-11-25

qq_南通印点_03295260

我真的要为老师点个赞，我是看手册没看懂，来听视频的。回过头来去看手册就有目的性的。思维清晰了

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

2017-11-24

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

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

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