ElementUI的表单验证数字类型（输入了数据依然报错的原因）

Posted 2020-11-10 jamess

https://www.cnblogs.com/oldli/articles/9557635.html

当需要验证的字段是数字类型的时候，需要使用 v-model.number 来绑定，否则验证的时候会当做字符串处理，结果就无法验证

 

<el-form-item label="可透支额：" prop="overdraw">
    <el-input v-model.number="form.overdraw" type="number" placeholder="客户可透支金额">
        <template slot="append">元</template>
    </el-input>
</el-form-item>

overdraw: [
    {
        type: \'number\',
        min: 0,
        message: \'可透支额度不能小于0\',
        trigger: \'blur\'
    }
]