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

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值的显示然后来解决值的显示问题

相关推荐
万少5 分钟前
01-万少带你精读鸿蒙 codelabs 一多界面适配和三层架构
前端·harmonyos
mqiqe11 分钟前
JavaScript代码性能优化
开发语言·javascript·性能优化
凌览11 分钟前
36k Star 的 OCR 前端 SDK 轻松上手图像识别
前端·javascript·github
web组态软件20 分钟前
web组态可视化编辑器
大数据·前端·物联网·低代码·数学建模·编辑器
还是鼠鼠23 分钟前
http 服务器概念详细介绍
前端·javascript·vscode·http·node.js·web
2501_9068007624 分钟前
web组态可视化编辑器
前端·物联网·低代码·数学建模·编辑器·web
Bessie23435 分钟前
无障碍阅读(Web Accessibility)NVDA打开朗读查看器后,enter键不生效的原因
前端·vue.js
车轮滚滚__1 小时前
使用Nodejs基于DeepSeek加chromadb实现RAG检索增强生成 本地知识库
前端·javascript·ai·node.js·aigc
Gazer_S1 小时前
【路径查询组件优化记录:数据处理与显示逻辑重构】
前端·javascript·重构
好_快1 小时前
Lodash源码阅读-slice
前端·javascript·源码阅读