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

相关推荐
hboot9 小时前
💪别再迷茫!一份让你彻底掌控 TypeScript 类型系统的终极指南
前端·typescript
GISer_Jing9 小时前
深入拆解Taro框架多端适配原理
前端·javascript·taro
毕设源码-邱学长9 小时前
【开题答辩全过程】以 基于VUE的藏品管理系统的设计与实现为例,包含答辩的问题和答案
前端·javascript·vue.js
San30.10 小时前
深入理解 JavaScript:手写 `instanceof` 及其背后的原型链原理
开发语言·javascript·ecmascript
北冥有一鲲10 小时前
LangChain.js:RAG 深度解析与全栈实践
开发语言·javascript·langchain
用户289079421627110 小时前
Spec-Kit应用指南
前端
酸菜土狗10 小时前
🔥 手写 Vue 自定义指令:实现内容区拖拽调整大小(超实用)
前端
ohyeah11 小时前
深入理解 React Hooks:useState 与 useEffect 的核心原理与最佳实践
前端·react.js
Cache技术分享11 小时前
275. Java Stream API - flatMap 操作:展开一对多的关系,拉平你的流!
前端·后端
apollo_qwe11 小时前
前端缓存深度解析:从基础到进阶的实现方式与实践指南
前端