element-ui 使用input实时限制输入

最新推荐文章于 2026-02-16 10:00:04 发布

转载最新推荐文章于 2026-02-16 10:00:04 发布 · 340 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：https://blog.csdn.net/m0_38069630/article/details/83827471

收录于

当前文章被以下社区和专栏收录：

本文介绍如何在Vue.js项目中使用Element UI组件库的Input组件，并通过自定义方法实现只允许用户输入0-9之间的数字。具体实现方式为监听input事件，利用正则表达式过滤非数字字符。

vue文件

<el-input type="text" @input.native="changeCode" v-model="formSearch.licensedCode" maxlength="40" placeholder="请输入" clearable></el-input>

changeCode() {
  this.$nextTick(() => {
    if(this.formSearch.licensedCode !== null){
      this.formSearch.licensedCode = this.formSearch.licensedCode.replace(/[^\d]/g,'')
    }
  })
},

实时限制input中只能输入0-9的数字