即使初始值是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) } }
}
]
}