关于vue表单清空

461 阅读1分钟
  <Form ref="formName">
   <FormItem prop="Name">
            <Input v-model="Name"></Input>
          </FormItem>
  </FormItem>
  this.$refs.formName.resetFields();
 //等同 this.$refs['formName'].resetFields() 
  
  注意:prop的命名一定要和v-model对应上,resetFields()只对设置了prop的清空有效,表单里面其他内容没有prop的只能手动赋值清空了。