环境背景介绍:
使用uniapp开发小程序和app , uview版本是 1.8.3 , 分别为ios端安卓端和小程序端
封装了form表单组件,u-select u-action-sheet u-picker 等组件通过 u-input @click事件唤起
<u-form-item :key="item.key" :label="$t(item.label)" :required="item.required"><u-picker v-model="show":params="params"mode="time":confirm-text="$t('确认')":cancel-text="$t('取消')":show-time-tag="false"@confirm="confirm"/><u-input v-model="dateText":custom-style="myStyle"input-align="left"disabled@click="show = true"/></u-form-item>
荣耀部分机型 oppo部分机型 和小米部分机型 点击 input没反应 ,调试了半天发现 u-input 内部设置disabled后click事件不执行
上网查找答案
Chrome内核版本116及以上的都有这个问题。
https://bugs.chromium.org/p/chromium/issues/detail?id=1477379&q=disabled%20input%20click&can=2
修复结果 ,将u-input 为disabled 的 添加自定义style pointerEvents: "none"
myStyle: {pointerEvents: "none"},