递归事件中如何绑定事件

Question

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

Answer 1

六一888 2019-06-03 10:45:48

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

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

• 提问者 你的粉丝_啊德 #1

  不是，你没懂我的意思，可能我表达错了，不是子元素触发事件，而是同级元素，我的问题是for...of循环中，绑定事件操作变量，从而v-if决定显示和隐藏，主要问题是，怎么在for中定义和操作对应变量

• 六一888 回复 提问者 你的粉丝_啊德 #2

  如果你觉得自己表述不能让其他人理解，那你应该将代码贴出来，问题猜来猜去很浪费时间

• Dell 回复 提问者 你的粉丝_啊德 #3

  给每一个层级的一个dom一个id，然后根据id控制dom的显示