美文网首页
element ui中的Inputmuber计数器

element ui中的Inputmuber计数器

作者: 西瓜古古丫 | 来源:发表于2019-06-24 15:55 被阅读0次

即使初始值是null或‘’,计数器仍会转化为显示0,但是有时候需求是要求显示空的
解决方案:
替换成el-input

示例:
验证规则如下:
只能填写数字;数字非必填;只能填写正整数

<el-form-item label="每日上限" prop="everyDayNum">
      <el-input size="small" v-model.number="form.everyDayNum" style="width: 100px;"       
      type="number" min='1'></el-input>
</el-form-item>
rules: {
        everyDayNum: [
          { type: 'number',
            min: 1,
            message: '输入有误,请输入正整数',
            trigger: 'blur',
            transform(value) { if (!value) { return null } else { return Number(value) } }
          }
        ]
}

相关文章

网友评论

      本文标题:element ui中的Inputmuber计数器

      本文链接:https://www.haomeiwen.com/subject/wmfoqctx.html