input输入框 正则 只能输入正整数

html部分

<input
  v-model.number="modelForm.num"
  placeholder="请输入排序"
  type="number"
  :precision="1"
  :min="1"
  @blur="profitRateBlur($event)"
/>

js部分

// 排序 限制只能输入正整数
    profitRateBlur(e) {
      let val = e.target.value || 1;
      if (val >= 1 && val <= 1000) {
        this.modelForm.num = val;
        return;
      } else {
        this.modelForm.num = 1;
        this.$message.error("请输入1~1000的排序");
        return;
      }
    }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容