判断数字类型需要用到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'
}], }
范围的话可以通过正则来进行修改
技术
今日推荐