同名自定义
同名自定义
  • 发布:2022-05-15 11:41
  • 更新:2022-05-24 15:42
  • 阅读:397

【报Bug】cli nvue input绑定click事件,无法输入内容,并且安卓平台无法触发冒泡事件

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

手机系统: 全部

页面类型: nvue

vue版本: vue3

打包方式: 云端

项目创建方式: CLI

CLI版本号: 3.0.0-alpha-3040920220508001

测试过的手机:

ios15 安卓10

示例代码:
<input @click="test" />  

function test(){}

操作步骤:

1/新建一个Nuve页面
2、把页面设置为lang="ts" setup
3/复制上述代码测试,真机实测无法输入。

预期结果:

可以输入内容

实际结果:

无法输入内容

bug描述:

input组件上,绑定了@click后,输入框无法输入内容,无法获得聚焦状态
具体结果 导致无法跨平台兼容,与我上次提出的事件冒泡bug 致具体来表现为:
1、在ios平台和安卓平台绑定@click后,都无法输入内容。
2、如果不在input上绑定click,可以输入内容,但是如果我想要触发click事件,只能在它下层view上绑定,让Input的事件冒泡到下层。
此时又表出现新的bug:

  • 安卓平台无法冒泡到下层。因此无法触发click事件。
  • ios平台在Input上添加了:userInteractionEnabled="false"属性后,可以冒泡到下层事件,顺利触发click。
2022-05-15 11:41 负责人:DCloud_Android_THB 分享
已邀请:
同名自定义

同名自定义 (作者)

此bug只有在nvue ios和安卓上有。其它平台没有。

呆狗的一生

呆狗的一生 - 呆狗的一生

input 不用加value属性或是v-model吗,大佬

  • 同名自定义 (作者)

    加不加都一要的。另外我重新描述了下,此bug其实是,两个bug在一起。可以看下我的新描述

    2022-05-15 11:59

DCloud_Android_THB

DCloud_Android_THB

暂时无法复现,请上传demo或者视频。

  • 同名自定义 (作者)

    我单独开了个事件冒泡问题https://ask.dcloud.net.cn/question/145692,仅安卓上表现。

    2022-05-24 17:07

  • 海角

    修复了吗

    2023-11-06 11:19

同名自定义

同名自定义 (作者)

啋坑记:如果有遇到此问题的各位请不要 在nvue上input组件上绑定click事件。暂时官方修复时间不明确

要回复问题请先登录注册