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则表示要验证的最大值和最小值。
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐