关于uniapp 中uview input组件设置为readonly 或者disabled input区域不可点击问题

<u-form-item

v-for="item in formLabel"

:key="item.prop"

:label="item.label"

:labelWidth="item.labelWidth ? item.labelWidth : '140rpx'"

:prop="item.prop"

:borderBottom="item.borderBottom"

ref="item1"

@click="bindClick(item)"

>

<u--input

v-model="formData[item.prop]"

:placeholder="item.placeholder ? item.placeholder : '请输入' "

border="none"

class="custom-input"

:readonly="item.type == 'select'"

:suffixIcon="item.icon"

style="pointer-events:none"

></u--input>

</u-form-item>

在最外层绑定@click="bindClick(item)" 事件 在u--input 设置style="pointer-events:none"

就可以顺利触发bindClick 事件

相关推荐
Zhen (Evan) Wang1 分钟前
WPF常用技巧汇总 - Part 2
java·大数据·wpf
车轮滚滚__6 分钟前
uniapp 小程序 安卓苹果 短视频解决方案
ios·小程序·uni-app·安卓·html5
neowell1 小时前
关于PyCharm新版本出现大量空的`jcef_xx.log`文件的解决方法
java·ide·python·pycharm·intellij idea
小彭努力中2 小时前
8.Three.js中的 StereoCamera 立体相机详解+示例代码
开发语言·前端·javascript·vue.js·深度学习·数码相机·ecmascript
笨蛋不要掉眼泪3 小时前
Maven进阶知识
java·maven
Normal Developer3 小时前
HotSpot的算法细节
java·jvm·算法
依年南台3 小时前
如何在idea中写spark程序
java·spark·intellij-idea
富能量爆棚3 小时前
如何在idea中写spark程序
java·spark·intellij-idea
柯3495 小时前
JVM-类加载机制
java·开发语言·jvm
风雨无阻fywz5 小时前
java 类的实例化过程,其中的相关顺序 包括有继承的子类等复杂情况,静态成员变量的初始化顺序,这其中jvm在干什么
java·开发语言·jvm