element UI form 表单中number 类型的字段校验的时候不准确

时间:2024-04-12 12:34:33

遇到的问题:element UI form 表单中number 类型的字段校验时,不能准备的进行校验

查看了一下element UI版本,发现v2.4版本以前的均有bug

element UI form 表单中number 类型的字段校验的时候不准确

解决办法:更新element UI 版本到v2.4以上,并且加上number 类型 

<el-form-item

label="年龄"

prop="age"

:rules="[

{ required: true, message: '年龄不能为空'},

{ type: 'number', message: '年龄必须为数字值'} ]"

>

<el-input type="age" v-model.number="numberValidateForm.age" auto-complete="off">

</el-input>

</el-form-item>