为了账号安全,请及时绑定邮箱和手机立即绑定

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

难度中级
时长 2小时47分
学习人数
综合评分9.60
272人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.5 逻辑清晰
很不错的入门教程
针对此案例,我使用 vue-cli 来实现,将购物车和地址栏写成了两个子组件,将vue-router 替换成 axios,正在学 vue-cli 同学,欢迎一起交流,代码中均有详细注释。
链接: https://github.com/itPoet/vue-cli-shoppingcart
作为一个入门级vue,非常感谢老师,非常感谢老师,非常感谢老师,重要的事说三遍
感谢老师,感谢分享课件的同学,收获很大。
我使用了vue-cli实现此案例,将购物车和地址栏作为两个子组件,其中将vue-router换成了axios,正在学vue-cli同学,欢迎一起交流,代码中均有详细注释。
https://github.com/itPoet/vue-cli-shoppingcart
讲的通俗易懂,很适应我们初学者,希望老师多出点视频教程。
谢谢老师啦
老师讲的很好。感觉比同事讲的有耐心多了,还可以反复看,温故而知新
非常感谢老师,让我对vue了解的更多了,现在网上vue的教程太少了,希望老师多上传些教学视频
说老师的删除方法不能成功的,请好好检查一下自己的代码有没有错误。老师的方法是正确的
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
})
}
talk is cheap ,show me your code! No!
讲的通俗易懂,很适应我们初学者,希望老师多出点视频教程。
声明渲染,组件系统,客户端路由,大规模状态管理,构建工具
感谢老师的讲解!收获很大,vue的实操教程实在太少了。
参看评论的答案后改了下:
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;
}
课程须知
1、提前了解和熟悉javascript 2、了解一下ES6相关的知识
老师告诉你能学到什么?
1、Vue2.0各种指令的学习 2、Vue2.0生命周期的介绍 3、Vue2.0事件绑定、过滤器的使用、组件的介绍 4、Vue-resource插件的讲解 5、ES6语法的介绍 6、结合购物车的案例,更加接近实战 7、在实际项目开发的过程中,开发技巧的讲解

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消