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

路边一只流浪猫

于 2020-11-05 13:15:50 发布

阅读量4.6k

点赞数 3

分类专栏：正整数正则表达 iview sh输入框文章标签：正则表达式

本文链接：https://blog.youkuaiyun.com/null_NaN/article/details/109510183

版权

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

1 篇文章

订阅专栏

iview

1 篇文章

订阅专栏

sh输入框

1 篇文章

订阅专栏

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

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

要求：输入大于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>