【iview】中input框只输入正整数

最新推荐文章于 2024-09-05 09:19:52 发布

原创最新推荐文章于 2024-09-05 09:19:52 发布 · 4.7k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#正则表达式

正整数正则表达同时被 3 个专栏收录

1 篇文章

订阅专栏

iview

1 篇文章

订阅专栏

sh输入框

1 篇文章

订阅专栏

本文介绍了一个简单的前端输入验证逻辑，确保用户只能输入非零的正整数。通过Vue.js实现，使用了v-model双向绑定来实时监听输入框内容变化，并在用户输入非数字字符或0时进行过滤。

部署运行你感兴趣的模型镜像

要求：输入大于0的正整数

<template>
    <Input v-model="value" placeholder="Enter something..." style="width: 300px" @on-keyup="hhh(value)"/>
</template>
<script>
    export default {
        data () {
            return {
                value: ''
            }
        },
      methods:{
        hhh(){
          if(this.value == 0){
            this.value=""
          }else{
            this.value=this.value.replace(/\D/g,'')
          }
      
        }
      }
    }
</script>