给InputNumber加表单验证,不管输入啥,都是false
<Form ref="elasticsearchViewForm" :model="viewForm" inline :label-width="100" :rules="esViewFormRules"
label-position="right">
<FormItem label="分区数:" prop="partitions">
<InputNumber style="width: 250px" v-model="viewForm.partitions" placeholder="请输入分区数" class="add-input"
:maxlength="300" />
{{ viewForm.partitions }}
</FormItem>
<FormItem label="副本数:" prop="replicas">
<InputNumber style="width: 250px" v-model="viewForm.replicas" placeholder="请输入副本数" class="add-input"
:maxlength="300" />
</FormItem>
</Form>
js
esViewFormRules: {
partitions: [
{
required: true,
trigger: "blur",
message: "请输入分区数",
type: 'number'
},
],
replicas: [
{
required: true,
trigger: "blur",
message: "请输入副本数",
// !!!!!!!一定要加type,否则验证一直失败!!!!!!!!!
// 不加type,默认是string,所以一直失败
type: 'number',
},
],
}
// 手动验证
this.$refs['elasticsearchViewForm'].validate(valid => {
console.log('valid------------>', valid);
this.$emit('validateInput', validate)
});
版权声明:本文为qq_43033251原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。