【报Bug】uni-icons组件没有将事件对象event传递出去

分类：uni-app

bug反馈

产品分类： uniapp/H5

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win10 1809

HBuilderX类型：正式

HBuilderX版本号： 4.24

浏览器平台： Chrome

浏览器版本： 127.0.6533.120

项目创建方式： HBuilderX

操作步骤：

···
<template>
<div>
<uni-icons type="gear" @click="handleClick($event, 'extraParameter')">
Click me
</uni-icons>
</div>
</template>

button:hover {  
    background-color: #0056b3;  
}

</style>
···

预期结果：

event应该有数据

uni-icons如果要阻止事件冒泡要手动调用event的stopPropagation()方法，但这个组件没有将event传递出来，下面代码是uni-icons组件里面的：

methods: {
_onClick() {
this.$emit('click')
}
}

只要改成如下即可：

methods: {
_onClick(event) {
this.$emit('click', event)
}
}

2024-09-01 00:55 负责人:无分享

你好，看起来你要传click的事件，但是看起来，click的事件作用并不大，你传这个参数想要做什么功能呢？

aspack001 (作者)

<view @click="addCart"><uni-icons @click.stop="getVersion"><uni-icons></view>

如果view绑定了click事件, 则uni-icons的click.stop不起作用，事件会冒泡，从而触发view的addCart。

我的目标是不要触发addCart

2024-09-13 12:50
董路飞

回复 aspack001: 我也遇到了，我这个叉叉的图标在列表里面的右上角，点击图标x要删掉这个列表项，但是列表里每个项都有一个点击事件跳转到该项的详情页，而官方的uni-icons组件阻止不了事件冒泡，不管是指令自带的阻止还是在点击事件里写事件阻止都不行，uni-icon封装的读不到事件。会造成点击叉叉图标的同时又触发外层点击跳转到详情页了。目前只能在uni-icons外加一个空标签，在空标签里面写阻止事件，以免冒泡到外层触发外层的点击事件

2025-05-14 09:54

要回复问题请先登录或注册