element ui input正整数验证

最新推荐文章于 2024-07-04 19:38:04 发布

转载最新推荐文章于 2024-07-04 19:38:04 发布 · 326 阅读

CC 4.0 BY-SA版权

原文链接：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

文章标签：

#elementui

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

//完美解决需要将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