布衣前端
布衣前端
  • 发布:2023-11-22 10:52
  • 更新:2023-12-28 16:34
  • 阅读:204

【报Bug】input组件的@click事件在vivo IQOO 11环境不触发

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windows 10 专业版 22H2

HBuilderX类型: 正式

HBuilderX版本号: 3.96

手机系统: Android

手机系统版本号: Android 13

手机厂商: vivo

手机机型: IQOO 11

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<input :name='`${el.id}_start`' :class="['uni_input_font', 'text-single-select', {'active-select': !!el.value}]" disabled :value="el.value" type="text" @click="el.show = !el.show" :placeholder="el.placeholder"/> 

操作步骤:
<input :name='`${el.id}_start`' :class="['uni_input_font', 'text-single-select', {'active-select': !!el.value}]" disabled :value="el.value" type="text" @click="el.show = !el.show" :placeholder="el.placeholder"/> 

预期结果:

input 组件的@click="el.show = !el.show"事件无反应

实际结果:

input 组件的@click="el.show = !el.show"事件无反应

bug描述:

<input :name='`${el.id}_start`' :class="['uni_input_font', 'text-single-select', {'active-select': !!el.value}]" disabled :value="el.value" type="text" @click="el.show = !el.show" :placeholder="el.placeholder"/> 

在vivo IQOO 11 环境下APP事件@click="el.show = !el.show" 不生效,导致用户无法选举数据

2023-11-22 10:52 负责人:无 分享
已邀请:

最佳回复

w***@163.com

w***@163.com

也遇到这个问题。

input 设置 disabled=“true” 后,在vivo IQOO 11上tap 事件失效。

用 view + input type='hidden' hidden='true' 的方式变通完成。

  • 5***@qq.com

    大佬,请问可以提供一下具体参考代码吗?

    2023-12-28 11:17

  • 5***@qq.com

    找到具体原因了,Chrome内核版本116及以上的都有这个问题。

    https://bugs.chromium.org/p/chromium/issues/detail?id=1477379&q=disabled%20input%20click&can=2

    2023-12-28 15:32

5***@qq.com

5***@qq.com

// 兼容Chrome内核116及以上版本中配置disabled的input组件无法触发并冒泡click事件
.uni-input-input:disabled {
pointer-events: none;
}

  • DCloud_UNI_OttoJi

    感谢反馈,我验证下,如果是这样,影响的地方挺多的。

    2023-12-28 16:42

5***@qq.com

5***@qq.com

请问,你的问题解决了吗?

要回复问题请先登录注册