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

相关推荐
欧阳天风几秒前
vue3的组件优化
前端·vue.js·性能优化
打瞌睡的朱尤1 分钟前
蓝桥杯复习大纲
前端·javascript·vue.js
许彰午2 分钟前
# Excel转PDF合并单元格边框错乱?jxl+iText逐格解析样式,政务报表精准还原方案
前端·javascript·pdf
观无7 分钟前
html+nginx实现看板
前端·nginx·html
bcbobo21cn10 分钟前
Web 3D 正方体贴图
前端·3d·贴图·mesh
灯光设计师12 分钟前
JavaScript判断受访域名,调用不同的js文件
javascript
聊聊MES那点事12 分钟前
报表控件Stimulsoft Reports.NET使用教程:发票报告设计
前端·javascript·html·报表工具
予你@。14 分钟前
Vue2 使用 html2canvas 将 HTML 生成图片并上传到服务器
前端·html
星晨雪海18 分钟前
优惠券秒杀的核心业务逻辑
java·前端·数据库
Bigger18 分钟前
第五章:我是如何剖析 Claude Code 的 MCP 服务与插件生态系统的
前端·ai编程·claude