Vue使用elementUI中的表单验证数字大小设置

elementUI中的表单验证数字大小设置

步骤：

1. <el-form-item label="转矩环Ki" prop="IqKi"> <el-input v-model.number="ruleForm.IqKi"></el-input> </el-form-item>
   v-model后添加.number表示浏览器输入的数字为数字类型，如果不添加的话，传输到data中的数据类型为string类型。

2.data中ruleForm的rules表单验证对应的lqki,设置为如下形式：

{ type:"number" ,min: 0, max: 65535, message: '大小要在0到65535', trigger: 'blur' }
在elementUI的rule例子中添加type为number，表示要验证的数据为数字类型；而min,max则表示要验证的最大值和最小值。