输入框仅限输入大于零的正整数

最新推荐文章于 2024-07-10 14:19:54 发布

原创最新推荐文章于 2024-07-10 14:19:54 发布 · 768 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #vue.js #html

本文介绍了一种使用Vue框架下的Element UI库实现的数字输入框，该输入框能够限制用户输入特定格式的数字。当输入长度为1时，仅允许输入1到9的数字；当输入长度超过1时，则允许输入更大的数字，例如10等。

<el-input
          size="small"
          style="width:100px"
          placeholder="例: 100"
          oninput="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')
}else{this.value=this.value.replace(/\D/g,'')}"
          v-model="goldVlaue">
      </el-input>

1.当输入的长度为1的时候,仅限输入1-9,

2.当长度大于1的时候,可以输入10等

3.仅限输入数字