1***@qq.com
1***@qq.com
  • 发布:2021-11-18 11:16
  • 更新:2021-11-18 12:09
  • 阅读:480

【报Bug】vue3 midbutton 无法响应点击事件

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: Alpha

HBuilderX版本号: 3.2.14

手机系统: Android

手机系统版本号: Android 12

手机厂商: 小米

手机机型: K30

页面类型: vue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
    "midButton": {  
            "width":"300px",  
            // "iconPath": "static/tabbar/Add.png",  
            "text":"呜呜呜",  
            "height": "300px"  
            // "iconWidth": "128px"  
        }  
// App.vue   
<script setup>  
    import {  
        onLaunch,  
        onShow  
    } from "@dcloudio/uni-app"  
    onLaunch(() => {  
        uni.onTabBarMidButtonTap(() => {  
            console.log("被点击了")  
        })  
    })  
</script>

操作步骤:

创建vue3 uniapp项目
正常添加midbutton
在App.vue中使用uni.onTabBarMidButtonTap填入回调

预期结果:

正常响应点击事件

实际结果:

无法响应点击事件

bug描述:

onLaunch内配置了uni.onTabBarMidButtonTap 点击无法响应回调

App.vue使用了 vue3 setup写法不响应点击事件
切换为 vue2 写法依旧不响应点击事件

但是两种写法onLaunch都正确的触发了

2021-11-18 11:16 负责人:DCloud_UNI_GSQ 分享
已邀请:
DCloud_UNI_Anne

DCloud_UNI_Anne

问题已记录,后续优化,已加分,感谢您的反馈!

  • 4***@qq.com

    修复了吗,midButton安卓无显示文档显示支持啊

    2021-12-29 15:50

该问题目前已经被锁定, 无法添加新回复