点击shopcart任意位置都会触发toggleList事件

来源：17-22 购物车详情页实现（2）

慕盖茨9754587

2017-12-20

老师，我结合视频并参照了你的2.0源码

发现自己照着写的代码在点击shopcart任意位置都会触发toggleList事件，因为代码中 <div class="content" @click="toggleList"> toggleList事件是绑定在.content上的，相当于绑在shopcart上了，好奇为什么视频中没出现这个情况。

我认为toggleList这个事件应该绑定在goods组件的<shopcart>上吧

写回答

2回答

ustbhuangyi

2017-12-20

已采纳

不是啊，toggleList 应该是绑定在底部的 '.content' 元素上，不应该绑到整个 shopcart 组件啊，那样你点击 list 也会触发 toggleList，显然不符合预期啊

慕盖茨9754587

谢谢老师，检查半天发现自己dom结构错了

2017-12-21

共1条回复

慕盖茨9754587

提问者

2017-12-20

补充一下，点击下图中任意一个位置都会触发toggleList，难道要对每个部分都加上冒泡组织？ //img.mukewang.com/szimg/5a3a81b80001a21203690275.jpg

Vue.js2.5+cube-ui重构饿了么App（经典再升级）

掌握Vue1.0到2.0再到2.5最全版本应用与迭代，打造极致流畅的WebApp

9868 学习 · 4162 问题

相似问题

回答 2

回答 1

回答 1

回答 4

回答 1