递归事件中如何绑定事件

来源:9-6 Vue项目详情页 - 使用递归组件实现详情页列表

你的粉丝_啊德

2019-06-03


就是门票第一次是隐藏的,点击对应的项,显示下一层级的门票,一级级的点下去就一级级地显示出来;如果直接绑定事件,当点击其中一项时,其他的项的下一层级就全部显示出来了。老师,有什么好的方法解决吗?

写回答

1回答

六一888

2019-06-03

浏览器默认会发事件捕获,对于同类事件,事件发生的顺序会这样发生,比如你分别给这些有层级关系的元素添加点击事件:document -> html -> body -> div -> p

你可以这样做来阻止这种事件继续传播,这是 vue.js 为 v-on 提供的事件修饰符 :click.stop


0
3
Dell
回复
你的粉丝_啊德
给每一个层级的一个dom一个id,然后根据id控制dom的显示
2019-06-07
共3条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代,企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

查看课程