vue
Clara_G
前端的渣渣一枚
展开
-
vue.js实战实现购物车的单选全选--第五章购物车练习(一)
本例介绍《vue.js实战》第五章最后的购物车练习一,练习1:在当前示例基础上扩展商品列表,新增一项是否选中该商品的功能,总价变为只选中商品的总价,同时提供一个全选按钮截图如下:html: <div id="app" v-cloak> <template v-if="list.length"> <table> ...原创 2019-05-05 10:20:20 · 3869 阅读 · 4 评论 -
vue.js实战实现购物车的单选全选和二维数组分类--第五章购物车练习(二)
本例介绍《vue.js实战》第五章最后的购物车练习二,练习2:将商品列表list改为一个二维数组来实现商品的分类,比如分为"电子产品","生活用品","果蔬",同类商品聚合在一起.提示,你可能用到两次v-for.提醒:二维数组可以采用这种方式[ { name:'电子产品', productList:[ { id:1, name:'...原创 2019-05-05 10:31:12 · 1925 阅读 · 3 评论 -
使用vue时报错 Cannot read property xxxx ----对Vue中$nextTick的理解和应用(异步更新队列机制)
设想一个场景,使用v-if实现div的隐藏和显示,并且在显示时获取div里面的内容,div默认不显示,代码如下:html: <div id="app"> <div id="demo" v-if="showDemo">这是一段文本</div> <button @click="getText"&...原创 2019-05-07 11:30:26 · 1601 阅读 · 0 评论