vue Element ui input限制整数输入

最新推荐文章于 2024-07-24 16:31:24 发布

liuxufeijidian

最新推荐文章于 2024-07-24 16:31:24 发布

阅读量272

点赞数

分类专栏： vue 文章标签： vue.js elementui

本文链接：https://blog.csdn.net/liuxufeijidian/article/details/117700779

版权

vue 专栏收录该内容

7 篇文章

订阅专栏

 <el-form-item label="申请数量:"
                        :rules="[{ required: true, message: '申请数量不能为空'}, { min: 1, max: 6, message: '申请数量不能超过六位数', trigger: 'blur' }]"
                        prop="orderCnt">
            <el-input type="number"
                      v-model="form.orderCnt"
                      @keyup.native="number"></el-input>
          </el-form-item>

 number () {
      let boolean = new RegExp('^[0-9]*[1-9][0-9]*$').test(this.form.orderCnt)
      if (!boolean) {
        this.form.orderCnt = parseInt(this.form.orderCnt)
      }
      if (this.form.orderCnt == 0) {
        this.form.orderCnt = ''
      }
      // console.log('this.form.orderCnt', this.form.orderCnt)
    },