- 发布:2022-05-15 11:41
- 更新:2022-05-24 15:42
- 阅读:397
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
手机系统: 全部
页面类型: nvue
vue版本: vue3
打包方式: 云端
项目创建方式: CLI
CLI版本号: 3.0.0-alpha-3040920220508001
测试过的手机:
示例代码:
<input @click="test" />
function test(){}
<input @click="test" />
function test(){}
操作步骤:
1/新建一个Nuve页面
2、把页面设置为lang="ts" setup
3/复制上述代码测试,真机实测无法输入。
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。
4 个回复
同名自定义 (作者)
此bug只有在nvue ios和安卓上有。其它平台没有。
呆狗的一生 - 呆狗的一生
input 不用加value属性或是v-model吗,大佬
同名自定义 (作者)
加不加都一要的。另外我重新描述了下,此bug其实是,两个bug在一起。可以看下我的新描述
2022-05-15 11:59
DCloud_Android_THB
暂时无法复现,请上传demo或者视频。
同名自定义 (作者)
我单独开了个事件冒泡问题https://ask.dcloud.net.cn/question/145692,仅安卓上表现。
2022-05-24 17:07
海角
修复了吗
2023-11-06 11:19
同名自定义 (作者)
啋坑记:如果有遇到此问题的各位请不要 在nvue上input组件上绑定click事件。暂时官方修复时间不明确