element ui input正整数验证

5335ld

于 2021-09-22 11:03:51 发布

阅读量310

点赞数 1

CC 4.0 BY-SA版权

文章标签： elementui

原文链接：https://blog.youkuaiyun.com/weixin_38500689/article/details/103731376?utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7Edefault-5.no_search_link&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogComme

本文介绍如何在Vue项目中使用v-model时，通过自定义方法限制输入框仅接受数字输入，并展示如何移除非数字字符及部分实现细节。

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

//完美解决需要将v-model 拆开成 :value 和@input

          <el-input
            :value="text"
            @input="e => (text = isnumber(e))"
            style="width: 66px"
            :disabled="isEdit"
          ></el-input>

 

    isnumber(val) {
      val = val.replace(/[^0-9]/gi, "");
      // 此处还可以限制位数以及大小
      return val;
    },
版权声明：本文转载为优快云博主「渔倒到」的原创文章
原文链接：https://blog.youkuaiyun.com/weixin_38500689/article/details/103731376