input校验

需求：input校验只能输入0-100之内的数字，大于100自动1清零

 					<el-input
                      v-model="scope.row.ratio"
                      type="Number"
                      :min="0"
                      :max="100"
                      @input.native="onInput"
                    />

解决方案：函数methods中需要加这么个函数

    //input框只能输入0-100数字
    onInput(e) {
      this.$message.closeAll();
      // 验证是否是纯数字
      let isNumber = /^\d*$/.test(e.target.value);
      // 过滤非数字
      e.target.value = e.target.value.replace(/\D/g, "");
      if (!isNumber || e.target.value < 0 || e.target.value > 100) {
        this.$message.warning("只能输入0,100区间的整数");
      }
      e.target.value =
        (e.target.value >= 0 &&
          e.target.value <= 100 &&
          e.target.value.match(/^\d*/g)[0]) ||
        null;
    },

完！