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

相关推荐
喝咖啡的女孩24 分钟前
React 合成事件系统
前端
从文处安37 分钟前
「九九八十一难」组合式函数到底有什么用?
前端·vue.js
前端Hardy41 分钟前
面试官:JS数组的常用方法有哪些?这篇总结让你面试稳了!
javascript·面试
用户5962585736061 小时前
戴上AI眼镜逛花市——感受不一样的体验
前端
yuki_uix1 小时前
Props、Context、EventBus、状态管理:组件通信方案选择指南
前端·javascript·react.js
老板我改不动了1 小时前
前端面试复习指南【代码演示多多版】之——HTML
前端
panshihao1 小时前
Mac 环境下通过 SSH 操作服务器,完成前端静态资源备份与更新(全程实操无坑)
前端
hulkie1 小时前
从 AI 对话应用理解 SSE 流式传输:一项 "老技术" 的新生
前端·人工智能
dobym1 小时前
里程碑五:Elpis框架npm包抽象封装并发布
前端
全栈老石1 小时前
手写无限画布4 —— 从视觉图元到元数据对象
前端·javascript·canvas