相关疑难解决方法(0)

什么是事件冒泡和捕获?

事件冒泡和捕获之间有什么区别?在这两个中,哪个是更快更好的模型?

javascript event-bubbling dom-events

982
推荐指数
7
解决办法
37万
查看次数

Vue将@click属性传播给它的所有子节点,这是意外和奇怪的

我已经设置了这个菜单.然后,我有方法openMenu,closeMenuclickMenu.

<li class="nav-item dropdown" 
  v-on:mouseenter="openMenu" 
  v-on:mouseleave="closeMenu" 
  v-on:click="clickMenu">

  <a href="#demo" class="nav-link dropdown-toggle">DEMO</a>
  <ul class="dropdown-menu">
    <li class="dropdown-item"><a href="#">Demo 1</a></li>
    <li class="dropdown-item"><a href="#">Demo 2</a></li>
  </ul>
</li>
Run Code Online (Sandbox Code Playgroud)

当我调查发生了什么时,我注意到点击并将主菜单鼠标按预期工作.但是,似乎子菜单中的锚点也会对点击事件做出反应.我没有在其他地方设置任何听众.实际上,当我删除@click顶部的表单时,子菜单停止注册单击.

所以肯定是爸爸菜单传播甚至听孩子们!太意外了......

然后,我尝试了其他事件.你不知道吗?那些表现完全符合预期.根本没有传播徘徊事件.

这是一个错误吗?如何举报?

(如果它是一个特征,那么它是有史以来最愚蠢的一个.)

我知道这没关系,但我可以打赌我的驴子,像我这样震惊的人会认为它是超级基本的东西,并要求脚本的代码.问题存在,但由于我是一个如此灵活的人,这里是.

methods: {
  openMenu: (event) => { debugger; },
  closeMenu: (event) => { debugger; },
  clickMenu: (event) => { debugger; }
}
Run Code Online (Sandbox Code Playgroud)

javascript events vue.js

4
推荐指数
1
解决办法
2368
查看次数

标签 统计

javascript ×2

dom-events ×1

event-bubbling ×1

events ×1

vue.js ×1