vue自定义事件怎么阻止冒泡呢

Question

老师，我想请教一下vue自定义事件怎么阻止冒泡呢？网上找了好久，就一个在子组件的外层套一层div加@click.stop，但是我想还有没有别的方法，挺急的，谢谢您了，望回复

Answer 1

ustbhuangyi 2019-07-19 13:12:35

自定义事件是定义在组件上的，本来就不会冒泡啊

• 提问者 qq_老头艾_0 #1

  组件外层有父容器，父容器上有方法，所以会冒泡

• ustbhuangyi 回复 提问者 qq_老头艾_0 #2

  你用一段代码来说明你遇到的问题吧

• 提问者 qq_老头艾_0 回复 ustbhuangyi #3

  <div id="draggableContainer" :style="screenStyle" @click="setCurrentEleIndex(null)">
      <vue-draggable-resizable
        v-for="(item, index) in screenOptions.elementArr"
        :key="index"
        :x="item.x"
        :y="item.y"
        :w="item.width"
        :h="item.height"
        :parent="true"
        :show-grid-line="!screenOptions.prohibitDrag"
        :resizable="!screenOptions.prohibitDrag"
        :draggable="!screenOptions.prohibitDrag"
        :active="index === currentEleIndex"
        :preventDeactivation="true"
        class-name-active="selected"
        class-name="box"
        class-name-handle="handler"
        @click.native.stop
        @activated="handleActivated(index)"
        @resizing="handleResizing"
        @dragging="handleDragging">
        <div v-if="!screenOptions.prohibitDrag" class="shelter"/>
        <div :id="`${item.type}_${index}`" style="width: 100%;height: 100%;"/>
      </vue-draggable-resizable>
      <div v-if="screenOptions.showGrid" class="grid-bg" :style="gridStyle"/>
    </div>问题已经解决了，解决的代码也在上面

点开查看后面1条评论