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

相关推荐
止观止5 分钟前
深入探索 pnpm:高效磁盘利用与灵活的包管理解决方案
前端·pnpm·前端工程化·包管理器
whale fall6 分钟前
npm install安装的node_modules是什么
前端·npm·node.js
烛阴12 分钟前
简单入门Python装饰器
前端·python
YuTaoShao23 分钟前
【LeetCode 热题 100】48. 旋转图像——转置+水平翻转
java·算法·leetcode·职场和发展
雪芽蓝域zzs36 分钟前
uniapp 国密sm2加密
uni-app
Dcs1 小时前
超强推理不止“大”——手把手教你部署 Mistral Small 3.2 24B 大模型
java
袁煦丞1 小时前
数据库设计神器DrawDB:cpolar内网穿透实验室第595个成功挑战
前端·程序员·远程工作
东阳马生架构1 小时前
订单初版—1.分布式订单系统的简要设计文档
java
天天扭码1 小时前
从图片到语音:我是如何用两大模型API打造沉浸式英语学习工具的
前端·人工智能·github
Code blocks1 小时前
使用Jenkins完成springboot项目快速更新
java·运维·spring boot·后端·jenkins