element el-input 框只能输入数字和长度限制

最新推荐文章于 2024-08-07 11:59:22 发布

写Bug的老王

最新推荐文章于 2024-08-07 11:59:22 发布

阅读量1.6k

点赞数

分类专栏： vue组件文章标签： vue elementui

本文链接：https://blog.csdn.net/wsq88888888/article/details/123154948

版权

vue组件专栏收录该内容

5 篇文章 0 订阅

订阅专栏

这篇博客分享了如何在Vue项目中使用el-input组件实现只能输入数字且限制输入长度的功能。通过oninput事件结合正则表达式(value=value.replace(/[^0-9.]/g,''))过滤非数字字符，并利用maxlength属性设置最大输入长度为11。同时，该输入框还具备placeholder提示、宽度设置、清除按钮等功能。

摘要由CSDN通过智能技术生成

分享一下vue项目中的小知识（ el-input 框只能输入数字和长度限制）

**
在这里插入图片描述

 <el-input
            oninput ="value=value.replace(/[^0-9.]/g,'')"
            maxlength="11"
              placeholder="请输入"
              
              style="width: 270px"
              v-model="ruleForm.tell"
              clearable
            ></el-input>