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

相关推荐
爱怪笑的小杰杰9 小时前
优化 UniApp 日历组件的多语言切换:告别 setLocale 引起的 App 重启
java·前端·uni-app
有所事事9 小时前
如何让AI写代码越写越像你
前端·后端
Allen正心正念20259 小时前
前端——Node.js&npm,学点前端的东西
前端·npm·node.js
西瓜有点饿9 小时前
前端基础知识之---Content-Type有哪些格式
前端
小歪 | 前端9 小时前
VUE_运行Vue项目Network: unavailable问题解决
前端·javascript·vue.js
吴声子夜歌9 小时前
Vue3——路由管理
前端·vue·es6·vue-router
skilllite作者9 小时前
Warp 新手极速上手与部署指南
java·前端·笔记·安全·agentskills
吹个口哨写代码9 小时前
小程序图片不显示,直接访问显示,头部配置问题
javascript·css·nginx
遇见~未来9 小时前
第一篇_认识CSS_风格的起点
前端·css
遇见~未来10 小时前
第二篇_CSS核心_盒子_布局_视觉
前端·css