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

全部评论问答未解决精华

US鲁鲁修

Loadmore 展开和收起：
html 里面替换 ‘‘more” 为 {{this.loadMoreText}}
address.js的data里面进入 loadMoreText:'更多'
loadMore:function(){
if(this.limitNum == 3){ this.limitNum = this.addressList.length; this.loadMoreText = '收起'}
else { this.limitNum = 3; this.loadMoreText = '更多'; }
}

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

2018-02-10

US鲁鲁修

因为vue-resource从2.0开始被嫌弃, 转而支持 axios.
所以代码可以稍微修改如下：
1、替换vue-resource.js的引入
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

2、修改JSON的获取变成如下
cartView: function(){
axios.get("data/cartData.json")
.then()
},

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

2018-02-10

小番茄222

v:bind和@click结合使用，会产生奇妙的状态！

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

2018-02-09

US鲁鲁修

这一步加载cartData.json 报错。。
Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https

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

2018-02-08

瓜小花

感觉老师讲的很好

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

2018-02-03

瓜小花

老是讲的很好

2018-02-01

jerry_yu

老师思路很清晰，言语简单明了。特别易懂给个10分不怕骄傲

0 7-1 课程总结

2018-01-31

码农刘朵朵

在老师的课程Demo基础上，完善了购物车单选全选按钮的联动功能、购物车不允许为空功能、地址卡片展开和收缩功能、地址的新增删除及编辑功能、地址框设为默认后排到首位的功能
git地址：https://github.com/liuddd/shopping-cart---address-card/tree/master
originalCode文件夹是干净源码，没有添加vue；checkout-Vue2文件夹是完成版Demo，即我本人在实现所有功能后的最终代码，readme里有演示地址，git的演示地址不太稳定，如果异常请多刷新几遍。欢迎讨论和交流~

7 7-1 课程总结

2018-01-31

码农刘朵朵

在老师的课程Demo基础上，完善了购物车单选全选按钮的联动功能、购物车不允许为空功能、地址卡片展开和收缩功能、地址的新增删除及编辑功能、地址框设为默认后排到首位的功能
git地址https://github.com/liuddd/shopping-cart---address-card/tree/master
originalCode文件夹是干净源码，没有添加vue；checkout-Vue2文件夹是完成版Demo，即我本人在实现所有功能后的最终代码，readme里有演示地址，git的演示地址不太稳定，如果异常请多刷新几遍。欢迎讨论和交流~

5 1-1 Vue基础知识介绍

2018-01-31

qq_西丨决_0

老师讲得很好，很仔细很容易懂，赞一个

1 4-1 vue过滤器的使用

2018-01-30

码农刘朵朵

受益良多。许多技术大牛自己学得好，不代表讲课讲得好，这需要相当沉稳的心理素质、清晰缜密的逻辑能力、流畅通顺的表达能力。这位老师的课程是我目前听过的，教学水平排入一流的好课，并且免费。非常感谢老师，希望以后能推出更多这样水平的好课程。

3 7-1 课程总结

2018-01-29

码农刘朵朵

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

woooooody

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

0 7-1 课程总结

2018-01-26

首页上一页 10 11 12 13 14 15 16 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

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