m***@gmail.com
m***@gmail.com
  • 发布:2024-03-12 15:17
  • 更新:2024-03-12 16:22
  • 阅读:237

【报Bug】安卓14 input设置为disabled @tap方法失效

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 3.99

手机系统: Android

手机系统版本号: Android 14

手机厂商: 真我

手机机型: GT2

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

<input class="input-text" v-model="visitType" placeholder="请选择" disabled @tap="show8 = true" />

操作步骤:

<input class="input-text" v-model="visitType" placeholder="请选择" disabled @tap="show8 = true" />

预期结果:

<input class="input-text" v-model="visitType" placeholder="请选择" disabled @tap="show8 = true" />

实际结果:

<input class="input-text" v-model="visitType" placeholder="请选择" disabled @tap="show8 = true" />

bug描述:

<input class="input-text" v-model="visitType" placeholder="请选择" disabled @tap="show8 = true" />

系统为安卓14后 input设置为disabled 点击的@tap方法失效 , 之前版本的安卓可以点击

2024-03-12 15:17 负责人:无 分享
已邀请:
爱豆豆

爱豆豆 - 办法总比困难多

给input中加一个css属性pointer-events: none
试试 我h5中遇到的这个问题都是这样解决的
或者降低input层级 给父级增加tap事件

<view @tap="tapInput">    
    <input style="position: relative;z-index: -1;"disabled type="text" placeholder="请选择">    
</view>

要回复问题请先登录注册