阻止事件冒泡

139 阅读1分钟

冒泡

组件如图,需求背景 在点击edit的时候 不想触发下拉框option的选中事件

image.png

由于事件冒泡,点击edit按钮的时候,会触发select的选中事件,这样编辑的时候,就会选中这项

阻止冒泡

由于这不是默认事件,所以用event.stopPropagation()来阻止冒泡

  // edit的响应事件
  onEditMatcherItem($event: Event): void {
    $event.stopPropagation(); // 阻止冒泡 触发选中事件
  }