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

相关推荐
柒和远方8 小时前
V063: TS 面试必考:interface 与 type 的四大差异,与 LLM Harness 的自动化择优
前端·javascript
半个落月8 小时前
React useRef 详解:DOM 引用、持久化值与 Worker 实例
前端·react.js
阿黎梨梨8 小时前
TypeScript 类型编程:从新手到 Harness 工程实践
前端
黄金决明子8 小时前
Vue3 + Vite 打包后打开空白?
前端
张龙6878 小时前
终端效率翻倍实战:fzf + zoxide + ripgrep + bat 组合拳,告别重复敲命令
前端
宿6748 小时前
vue3-env环境
前端·vue.js
蔬菜_8 小时前
前端转全栈-day5(数组、list、set)
java·前端·数据结构·list
汉堡大王95278 小时前
Vue 3 + TS + Element Plus 实战:如何从零搭建企业级违章记录管理 SaaS 前端
前端·javascript·vue.js
minimoon_jojo8 小时前
Ant Design 树形表格渲染原理
前端
海天鹰8 小时前
屏幕颜色检测
javascript·html5