el-form el-input表单验证输入的数字检测出来是string 限制范围
解决方法
在 v-model 处加上 .number 的修饰符,这是 Vue 自身提供的用于将绑定值转化为 number 类型的修饰符。
<el-form :rules="rules" v-for="(item, index) in anchorTaskConfigDTOList" :key="index" ref="form">
<el-form-item :label="`任务${index + 1}:`" prop="workload" :rules="[
{ required: true, message: '不能为空', trigger: 'blur' },
//限制范围
{ type: 'number', min: item.minWorkload, max: item.maxWorkload, message: `该任务只能设置在 ${item.minWorkload}和${item.maxWorkload}之间`, trigger:'blur' }Ï
]">
// input限制为number
<el-input v-model.number="item.workload">
<template slot="append">{{ item.unitStr }}</template>
</el-input>
</el-form-item>
</el-form>