vue + iview rules表单验证有值却提示错误，验证不过

内容

<FormItem label="重量（KG）" prop="grossWt">
            <Input v-model="detailData.grossWt" />
            <!-- {
   
   { detailData.grossWt }} -->
        </FormItem>

rules

 grossWt: [{
            required: true,
            message: "请输入毛重（KG）",
            trigger: 'blur',
            type: 'number'
          }],

保存时校验

因为填入的数据跟返回的数据的类型不一致，因此要转换类型，才能正常过校验

 save() {
   this.detailData.grossWt = Number(this.detailData.grossWt) //转换类型
     this.$refs["Edit"].validate(valid => {
       if (valid) {
           qdUpdate(this.detailData)
             .then(res => { })
             .catch(error => {  })
       }
     })
   },