vue+iview的Poptip 气泡提示如何阻止事件冒泡

Question

官方示例是

<template>
    <Poptip v-model="visible">
        <a>click 激活</a>
        <div slot="title"><i>自定义标题</i></div>
    </Poptip>
</template>

我现在在一个表格中使用了这个气泡提示，每一行都有几个td有气泡提示。但是现在有一个点击整行的事件，但是我要是把代码改成下面那样，这样气泡提示就不会出现。所以想问问有没有熟悉iview的同学给我个建议。

<template>
    <Poptip v-model="visible">
        <a @click.stop=''>click 激活</a>
        <div slot="title"><i>自定义标题</i></div>
    </Poptip>
</template>

Answer 1

遇到同样问题，使用@click.self解决

Answer 2

@click.stop.prevent

Answer 3

<Poptip @click.native.stop=""></Poptip>
或者 外面加父元素
<div @click.stop="">

<Poptip></Poptip>

</div>