关于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 事件

相关推荐
!win !几秒前
uni-app项目跑APP报useStore报错
前端·uni-app
拾光拾趣录2 分钟前
Flexbox 布局:从“垂直居中都搞不定”到写出响应式万能布局
前端·css
huxihua200642 分钟前
各种前端框架界面
前端
拾光拾趣录43 分钟前
GET/POST 的区别:从“为什么登录请求不能用 GET”说起
前端·网络协议
AI_Gump44 分钟前
【AI阅读】20250717阅读输入
java·spring boot·spring
Carlos_sam1 小时前
OpenLayers:ol-wind之渲染风场图全解析
前端·javascript
找不到、了1 小时前
Java排序算法之<插入排序>
java·算法·排序算法
拾光拾趣录1 小时前
闭包:从“变量怎么还没死”到写出真正健壮的模块
前端·javascript
设计师小聂!1 小时前
力扣热题100----------53最大子数组和
java·数据结构·算法·leetcode
拾光拾趣录1 小时前
for..in 和 Object.keys 的区别:从“遍历对象属性的坑”说起
前端·javascript