iview form表單resetFields方法不起作用

<template>
   <Form ref="form1" :model="formItem" :label-width="60">
       <FormItem label="名稱" prop="title">
           <Input v-model="formItem.title"/>
       </FormItem>
  </Form>
  <Button @click="reset">重置</Button>
</template>
<script>
    export default {
    	data () {
            return {
                formItem: {
                    title: ''
                }
            }
         },
         methods: {
		 	reset(){
				this.$refs.form1.resetFields();
			}
		 }
    }
</script>

使用resetFields對form進行清空重置有以下三點需要注意：

1. Form 使用ref="form1"以便方法中進行引用
2. 需要重置的表單元素使用FormItem包裹
3. FormItem標籤中的prop屬性需要填寫對應表單域 model 裏的字段
   由於Form標籤的:model="formItem"，所以prop直接寫title即可，對應data中的
   formItem.title