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

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

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

                
                河畔一角
            Web前端工程师

                    查看讲师更多课程 
                    河畔一角讲师的其他课程
                
Vue全家桶实战 从零独立开发企业级电商系统
实战·中级·2555

                                                                                                                                    ￥348.00
                                            
React18+TS 通用后台管理系统解决方案落地实战
实战·中级·557

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

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

全部评论问答未解决精华

初竹殇

个人觉得既然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

vue中调用本地数据的跨域问题

最赞回答 / cmy11

1.让项目运行在本地服务器下，个人觉得npm的anywhere模块最简单，自行百度node anywhere。

3 回答 2060 浏览 3-1 使用v-for指令渲染商品列表

2017-11-26

初梦酱

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

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

list报错

最新回答 / 学一点忘一点

根据vue-resourse版本问题，会出现body或者data，这个你要断点然后console里面输入res看看里面的结构

3 回答 940 浏览 3-1 使用v-for指令渲染商品列表

2017-11-24

四月七

教程第五章把 productQuantity写成了productQuentity，直接抄了，bug找了好久。。。

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

2017-11-24

慕的地5302074

computed里面的函数是默认的读取缓存，所以点击more的时候被缓存影响到了。
详见vue官网手册。

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

2017-11-23

点击全选，列表同步的疑问

+ 我来回答回答最高可+2积分

2 回答 728 浏览 5-1 单件商品金额计算和单选全选功能

2017-11-23

Jerming

老师讲的非常好，基础知识点到位，适合进阶学习

2017-11-23

Tbea

讲的真的很棒详细细致通俗易懂入门很好谢谢

0 7-1 课程总结

2017-11-23

慕粉154839142

new Vue({
el:'#app',
data:{
title:"hello vue"
},
filters:{

},
mounted:function(){
this.cartView();
},
methods:{
cartView:function(){
this.title="Vue Hello";
}
}
});

2 2-1 创建Vue实例

2017-11-22

首页上一页 32 33 34 35 36 37 38 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空