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

相关推荐
三翼鸟数字化技术团队7 小时前
事件循环原来这么简单!
前端
gf13211117 小时前
python_【更新已发送的消息卡片】
java·前端·python
zithern_juejin7 小时前
typeof、instanceof与Object.prototype.toString()
javascript
一点一木7 小时前
2026 终端 AI 编码 Agent 六大工具深度横评
前端·人工智能·claude
Highcharts.js7 小时前
Highcharts React v5升级三问|最大的升级方向是什么?需要注意什么?有什么优化?
前端·javascript·react.js·前端框架·highcharts·大数据渲染·前端性能
马玉霞7 小时前
vue web端页面组件展示
前端·vue.js
129y7 小时前
JS入门参考:引擎、作用域与let/const,一起慢慢理解~
javascript
代码煮茶7 小时前
Vue3 权限系统实战 | 从 0 搭建完整 RBAC 权限管理
前端·javascript·vue.js
前端小木屋7 小时前
Node基础入门
javascript·node.js
IT_陈寒7 小时前
用了Vue的动态组件之后,我被坑得找不着北
前端·人工智能·后端