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

全部评论问答未解决精华

码农刘朵朵

talk is cheap，show your code.

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

2018-01-29

ImmortalBird

老师拼错了。productQuantity, 不是productQuentity

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

2018-01-29

万埃一尘

删除商品的时候，也要计算总价格，执行一次那个函数就好了

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

2018-01-28

我是一个新手，我在一个空的文件夹中打开git,然后就按照你的步骤执行，虽然出现了package.json，但是没有出现dependencies

最新回答 / 俊崽爱枫妞

那这些一来我可以直接写在页面中是吗

2 回答 1379 浏览 2-1 创建Vue实例

2018-01-26

woooooody

老师讲得太好了，而且不墨迹，希望能看到您更多的教程，谢谢

0 7-1 课程总结

2018-01-26

码农刘朵朵

正解！@于梦中

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

2018-01-24

小彭宝贝

看到有人说直接在li里的v-for这样写v-for=“(item,index) in productList”，删除方法就可以delProduct:function(index){
this.productList.splice(index,1);
this.delFlag = false;
}

测试出来如果点击全选按钮然后删除其中任何一个商品，都是默认删除的第一个商品，感觉还是要按照老师的方法来获取索引

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

2018-01-24

呀_明静

讲的不错，思路清晰，学习了

2018-01-21

qq_时刻警醒自己_0

资料在哪里拿的

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

2018-01-20

单选全部选择触发全选，试了前面童鞋的各种方法都不能触发全选

最新回答 / qq_遛弯的豌豆_0

定义两个空的数组，分别来装数据。主要是用来比对作用。一个数组用来装被选中时当前这条被点击的数据的price*shuliang.一个数组用来存被选中的当前数据的名称或者数量或者价格，这个数组没有其他的作用。仅仅是用来比较两个数组的长度，当两个数组的长度相等就点亮全选按钮，当数组的长度不相等，就熄灭全选按钮。也就是说，取消任意一条数据的时候就熄灭全选按钮。并且删除掉这个数组中的最前面的这个值。这个判断有点复杂。理解了就好弄。饶恕我不能贴出代码。这个老师很懒。故意不讲选中全部单品却不点亮全选按钮。就是一个最大的...

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

2018-01-19

慕村7392709

git@github.com:Zorodd/shoppingCart.git 按照老师的，添加了选地址时 more 的来回切换，需要的自取哦～

2018-01-19

qq_风龙_0

春节来了，前端变化逐步趋稳，越努力越幸运，加油！

0 4-1 vue过滤器的使用

2018-01-18

慕虎6321627

讲的真的好收获很多

0 7-1 课程总结

2018-01-18

qq_逝年_0

点击结账的时候，判断一下总金额是否大于0，否的话阻止默认事件就行，

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

2018-01-18

qq_逝年_0

单选全部选择触发全选：var arr=[],
_this=this;
this.productList.forEach(function(item,index){
if (item.checked) {
arr.push(index);
}
})
if (arr.length==this.productList.length) {
this.checkFig(true);
}else{
this.checkAll=false;
}

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

2018-01-18

首页上一页 21 22 23 24 25 26 27 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空