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

全部评论问答未解决精华

520yingzhi

作为一个入门级vue，非常感谢老师，非常感谢老师，非常感谢老师，重要的事说三遍

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

2018-03-22

XPoet

感谢老师，感谢分享课件的同学，收获很大。
我使用了vue-cli实现此案例，将购物车和地址栏作为两个子组件，其中将vue-router换成了axios，正在学vue-cli同学，欢迎一起交流，代码中均有详细注释。
https://github.com/itPoet/vue-cli-shoppingcart

5 7-1 课程总结

2018-03-22

520yingzhi

讲的通俗易懂，很适应我们初学者，希望老师多出点视频教程。

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

2018-03-22

法师流浪1113

谢谢老师啦

0 7-1 课程总结

2018-03-22

法师流浪1113

老师讲的很好。感觉比同事讲的有耐心多了，还可以反复看，温故而知新

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

2018-03-22

520yingzhi

非常感谢老师，让我对vue了解的更多了，现在网上vue的教程太少了，希望老师多上传些教学视频

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

2018-03-22

Uncaught (in promise)

最新回答 / 无味萝卜

我也出现这个问题了，你是不是只写了"this.$http.get().then(res ==> ....)"这样的。我查过相关的资料，说是promise缺少了错误处理方法，也就是这个文件请求出现了rejected状态，而promise处理rejected状态的方法是catch，然后神奇的是，我在catch下console.log返回的结果居然是json内容，所以我就把代码修改了如下，也就是将then改为了catch。还没更新谷歌浏览器之前，then的方法可以读取到内容，更新之后出问题了，所以我猜测是...

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

2018-03-22

XPoet

说老师的删除方法不能成功的，请好好检查一下自己的代码有没有错误。老师的方法是正确的

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

2018-03-22

马骏超

selectedProduct: function (item) {
if(!item.checked){
// Vue.set(item,"checked",true)
this.$set(item,"checked",true)
}else{
item.checked = !item.checked
}
//实现了单选全部按钮全选被选中
this.checkAllFlag = this.productList.every((val)=>{
return val.checked == true
})
}

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

2018-03-22

AllySu

talk is cheap ,show me your code! No!

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

2018-03-21

lpling

讲的通俗易懂，很适应我们初学者，希望老师多出点视频教程。

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

2018-03-21

AllySu

声明渲染，组件系统，客户端路由，大规模状态管理，构建工具

0 1-1 Vue基础知识介绍

2018-03-21

未若灬

感谢老师的讲解!收获很大，vue的实操教程实在太少了。

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

2018-03-20

半俗半雅半疯癫93

参看评论的答案后改了下：
var _this = this,
arr = []
len = this.productList.length;

this.productList.forEach(function(item,index){
if (item.checked) {
newArr = arr.push(index);
}
});
if (newArr == len) {
_this.checkAllFlag = true;
}else{
_this.checkAllFlag = false;
}

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

2018-03-19