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

相关推荐
HoneyMoose1 分钟前
Jenkins 构建 VUE 前端提示 pnpm 错误
前端·vue.js·jenkins
爱上好庆祝1 分钟前
clip-path裁剪,css的滤镜,动画时间线,css的变量和函数
前端·css·学习·html·css3
IT_陈寒5 分钟前
Vue这个响应式陷阱让我加了两天班
前端·人工智能·后端
专注VB编程开发20年5 分钟前
双色交错棋盘格,vb6/vb.net ,c#
前端·图像处理
小李子呢02119 分钟前
前端八股---axios封装
java·前端·javascript
im_AMBER12 分钟前
Leetcode 156 旋转图像 | 矩阵置零
javascript·数据结构·算法·leetcode
Highcharts.js13 分钟前
在 Next.js App Router 中使用 Highcharts Stock(完整实战指南 )
开发语言·javascript·ecmascript
zero159723 分钟前
TypeScript 快速实战系列:核心进阶|接口(Interface) + 类型(Type):大模型开发神器
前端·typescript·大模型编程语言
万邦科技Lafite23 分钟前
通过淘宝关键词API接口批量获取商品信息指南
java·前端·javascript
jingxindeyi24 分钟前
electron 配置 shadcn-ui
javascript·ui·electron