判断数字类型需要用到number修饰符
html如下:
<el-form :model="ruleForm1" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
<el-form-item label="年龄" prop="region">
<el-input v-model.number="ruleForm.region"></el-input>
</el-form-item>
</el-form>
js如下:
ruleForm: {
region: ""
},
rules: {
region: [{
type: 'number',
message: '年龄必须为数字值',
trigger: 'blur'
}, {
pattern: /^(0|[1-9]\d?|100)$/,
message: '范围在0-100',
trigger: 'blur'
}],
}
范围的话可以通过正则来进行修改