el-input只能输入1-100之间的数字

最新推荐文章于 2024-04-07 10:15:08 发布

weixin_54129994

最新推荐文章于 2024-04-07 10:15:08 发布

阅读量3.2k

点赞数 1

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_54129994/article/details/134068907

版权

//1、input标签
<el-input
    type="text"
      placeholder="请输入值（1-100）"
      v-model="inputValue"
      maxlength="4"
      @input="numValid(inputValue)"
 ></el-input>

//2、methods方法，如果是零或者超过100就置空
numValid(inputContent) {
   var reg = /^(1|([1-9]\d{0,1})|100)$/;
   if(reg.test(inputContent)==false){
        this.inputValue = "";
        return false;
   }else{
       this.inputValue = inputContent;
   }
 }