elementUI-input只能输入纯数字

原创已于 2023-12-19 16:06:33 修改 · 367 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#elementui #vue.js #javascript

于 2022-08-01 17:42:21 首次发布

这段代码展示了如何在Vue中使用watch监听器对用户输入的手机号进行验证，确保输入的值仅包含数字，并限制长度为11位。当输入值发生变化时，会自动过滤掉非数字字符。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

watch: {
    'formData.phone':{
      handler: function(newVal, oldVal) {
        if (!(Number(newVal)+'' !==NaN+'' )) {
         this.formData.phone = newVal.replace(/[^0-9]/g,'')
        }
      },
      deep: true
    }
  },



 <el-input
              v-model="formData.phone"
              placeholder="请输入"
              clearable
              maxlength="11"
              :style="{ width: '100%' }"
>