iview form表单校验 input number 报出number不能为空

在iview表单校验中，需要指定校验类型，不然给表单赋予新值时会出问题。比如，报错不能为空，特别是number类型。

 

<Form :model="changeModal.data"
      :rules="changeModalRules"
      ref="changeModalForm"
      label-position="right"
      :label-width="100">
    <FormItem label="数字: " prop="num">
        <Input v-model="changeModal.num"
               number
               clearable
               placeholder="请输入数字"></Input>
    </FormItem>
</Form>

请添加number然后再使用自定义函数进行校验。

changeModalRules:{
    num: [
        {required: true, type:'number',  message: 'number不能为空', trigger: 'blur'},
    ],
},