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

相关推荐
通达的K5 分钟前
Java的常见算法和Lambda表达式
java·数据结构·算法
liubo666_5 分钟前
JVM梳理(逻辑清晰)
java·jvm·后端
i1yo_kiki7 分钟前
Ajax快速入门教程
前端·javascript·ajax
一刀到底2119 分钟前
java 在用redis 的时候,如何合理的处理分页问题? redis应当如何存储性能最佳
java·开发语言·redis
百锦再17 分钟前
微信小程序学习基础:从入门到精通
前端·vue.js·python·学习·微信小程序·小程序·pdf
软考真题app24 分钟前
软件设计师考试三大核心算法考点深度解析(红黑树 / 拓扑排序 / KMP 算法)真题考点分析——求三连
java·开发语言·算法·软考·软件设计师
暖苏27 分钟前
SpringCloud Alibaba微服务-- Sentinel的使用(笔记)
java·spring boot·spring cloud·微服务·sentinel·微服务保护·服务熔断
gadiaola40 分钟前
【苍穹外卖】Day01—Mac前端环境搭建
前端·nginx·macos·homebrew
温酒斟与你1 小时前
UniApp+Vue3微信小程序二维码生成、转图片、截图保存整页
微信小程序·uni-app·vue
霖001 小时前
同步/异步电路;同步/异步复位
开发语言·前端·javascript·嵌入式硬件·fpga开发·信号处理