技术栈

vue2项目中el-input单独使用max和maxlength不生效问题

码农六六2023-08-31 19:58

vue2项目中el-input单独使用max和maxlength不生效问题

今天在vue2的项目中使用element中的<el-input>组件,因为没有使用form所以max和maxlength属性没有生效,下面是解决办法

javascript 复制代码
<el-input 
placeholder="请输入" 
v-model="holeDate.holeDiameter" 
size="small" 
:disabled="true" 
oninput="if(value>999){value=value.substring(0, 3)}"
>
</el-input>

使用oninput方法可以控制value值的显示然后来解决值的显示问题

上一篇:vue项目中使用开源Vditor
下一篇:使用 Python编程: 下载 YouTube 音频的桌面应用程序
相关推荐
\xin
21 小时前
pikachu自编exp,xss反射性get,post,存储型xss,dom,dom-x
前端·javascript·xss
是烟花哈
1 天前
【前端】React框架学习
前端·学习·react.js
qq435694701
1 天前
JavaWeb08
前端
2401_87845453
1 天前
html和css的复习(1)
前端·css·html
@PHARAOH
1 天前
WHAT - git worktree 概念
前端·git
IT_陈寒
1 天前
我竟然被JavaScript的隐式类型转换坑了三天!
前端·人工智能·后端
我亚索贼六丶
1 天前
二十六. AI基础概念之如何更好的使用AI
前端
小码哥_常
1 天前
安卓启动页Logo适配秘籍:告别“奇形怪状”的展示
前端
我亚索贼六丶
1 天前
二十五.Electron 初体验与进阶
前端
当时只道寻常
1 天前
像使用 Redis 一样操作 LocalStorage
前端·前端工程化
热门推荐
01GitHub 镜像站点02近期有什么ai的新消息,新动态? 2026.4月03Codex 接入 DeepSeek API 完整配置文档042026年4月AI大事件深度解读:大模型竞争进入“深水区“052026年AI编程工具终极横评:Cursor vs Claude Code vs Copilot06零基础教你claude code 接入 deepseek V407在Windows 11上安装Docker的踩坑记录082026年AI前瞻:量子AI、具身智能与科学发现的新纪元09codex app每次打开重连5次Reconnecting问题解决10DeepSeek V4 全面解析:测评、对比、案例及实操指南