uniapp中Tooltip组件长按复制后为什么触发了后面元素的点击事件？

作者站长头像
站长
· 阅读数 13

问题是在父级元素有个跳转事件，用了tooltip组件点击个复制，为什么连父元素的跳转事件一起触发了？这属于冒泡吗，请问怎么解决呢？uniapp中Tooltip组件长按复制后为什么触发了后面元素的点击事件？

<uni-card :is-shadow="false" margin="10" v-for="(item,index) in list" :key="index"
    @click="handleWaitShipment(item)">
    ...
    ...
    ...
    <view class="text-group" style="display: flex;">
        <text>快递单号:</text>
        <u-tooltip :text="item.logisticsCode" overlay></u-tooltip>
    </view>
</uni-card>
回复
1个回答
avatar
test
2024-07-17

在子元素上绑定一个空函数

<uni-card :is-shadow="false" margin="10" v-for="(item,index) in list" :key="index"
    @click="handleWaitShipment(item)">
    ...
    ...
    ...
    <view class="text-group" style="display: flex;" @click.stop="() => {}">
        <text>快递单号:</text>
        <u-tooltip :text="item.logisticsCode" overlay></u-tooltip>
    </view>
</uni-card>
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容