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

相关推荐
AI_paid_community6 小时前
用 Claude Code 写了一年代码,装了这 18 个 Skills 之后,我才知道自己一直在"氛围编程"
javascript·面试
parade岁月6 小时前
开源一个 Vue 3 Table:API 学 antdv、主题学 Nuxt UI
前端·vue.js
JiaWen技术圈6 小时前
Web 安全深入审计检查清单
前端·安全
江米小枣tonylua6 小时前
从红绿灯到方向盘:TDD 在 AI 时代的新角色
前端·设计模式·ai编程
祀爱6 小时前
Asp.net core+ Layui 项目中编辑按钮传递数据的方法
前端·c#·asp.net·layui
DanCheOo7 小时前
Prompt 工程化管理:从散落在代码里到版本化、可测试、可回滚
前端·ai编程
涛涛ing7 小时前
Vue 3.5 下一站:cached 提案,重新定义响应式缓存
前端
胖子不胖7 小时前
svg之viewBox
前端
隔壁老王11117 小时前
浅谈JavaScript内存管理
javascript
吹牛不交税7 小时前
tree-transfer-vue3 前端插件安装问题解决(--legacy-peer-deps)(其他插件可考虑)适用
前端·javascript·vue.js