iview-InputNumber-表单验证

给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版权协议,转载请附上原文出处链接和本声明。