组件的冒泡

Question

在做项目的时候遇到了一个很奇怪的问题。

<common-choose :list="list" @clickChoose="clickChoose"/>
<common-loop-progress
:completeness="0.6"
:progressOption="progressOption"
class="progress"
@click.native="goTask"
/>

这里有两个组件

一个是div下面的进度条是svg

然后设置svg覆盖了这个div的一部分

这个时候点击三个部分触发事件

clickChoose

传出对应的index

但是因为svg在第三个选项的上方，结果事件就触发不了了。。。照理来说应该是有事件冒泡的吧

为啥事件冒泡没有了呢？在组件中也没有进行事件冒泡处理

如果我是使用两个div就是正常冒泡

求解。

Answer 1

Dell 2018-07-16 23:46:05

有没有绝对定位

• 提问者 李行知 #1

  这个svg是使用绝对定位移动到这个位置上面的，为什么使用了绝对定位就不行？

• Dell 回复 提问者 李行知 #2

  因为他俩不在一个层叠上下文里，就没有冒泡了

• 提问者 李行知 回复 Dell #3

  那怎么解决这种问题呢？只有把事件附在svg上面了吗

点开查看后面2条评论