ElementPlus表单校验数字number修饰符

 

1. el-input v-model使用number修饰符

template代码如下：

<el-form :model="ruleForm" :rules="rules">
    <el-form-item label="数量" prop="quantity">
        <el-input v-model.number="ruleForm.quantity" />
    </el-form-item>
</el-form>

 

2. 表单校验

script代码如下：

data() {
  // ...
  rules: {
    // ...
    quantity: [
        {type: 'number', min: 1, message: '请输入大于0的数字', trigger: 'blur'}
    ]
  }
}

 

一个经常用到的小知识点，经常忘记，so记录一下~