h***@qq.com
h***@qq.com
  • 发布:2023-09-27 22:04
  • 更新:2023-09-27 22:41
  • 阅读:271

【报Bug】模板内按钮点击传透,无法阻止冒泡事

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 3.8.12

手机系统: Android

手机系统版本号: Android 14

手机厂商: 华为

手机机型: 荣耀8x

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
        <template #footer>  
            <view>  
                <uv-button hairline text="历史" customStyle="margin-bottom:5rpx" type="primary" size="mini" @click="doHistory(item.id,$event)"></uv-button>  
                <uv-button hairline text="删除" type="error" size="mini" @click="del($event)"></uv-button>  
            </view>  
        </template>

操作步骤:

del(event){
event.stopPropagation();
},

预期结果:

事件冒泡停止,不执行父组件的点击事件

实际结果:

执行父组件的点击事件

bug描述:

列表模板,点击传透,无法阻止冒泡事

2023-09-27 22:04 负责人:无 分享
已邀请:
4***@qq.com

4***@qq.com - 空痕

试一试通过 @click.stop 修饰符阻止事件冒泡

  • h***@qq.com (作者)

    试了,不行

    2023-09-28 10:26

要回复问题请先登录注册