Formulário Vue + ElementUI redefinir resetFields () não pode redefinir o problema do formulário
A redefinição do formulário usando ElementUI sempre falha, e os this.$reds[formName].resetFields()dados do formulário não podem ser apagados
Mais tarde, procurei informações e li o blog para resumir os dois métodos a seguir:
método um
Atribuir formdados de formulário a{}
this.form = {
};
É isso.
Método Dois
O segundo método é chamar o formulário Form resetFields(), que é mais complicado
1. Adicione um alias ao formulário
Em <el-form>adição o rótulo refatributo
<el-form ref="userForm" ...>
......
</el-form>
2. Cada atributo itemadicional propdo formulário (o mais marcado aqui)
Cada atributo itemadicionado propdo formulário , e propo nome precisa ser consistente com o nome dos dados vinculados, observe que propo atributo é adicionado ao <form-item>rótulo
<el-form-item label="姓名" prop="name">
<el-input v-model="form.name"></el-input>
</el-form-item>
3. Vincule o nome de referência do formulário recebido no evento de clique
<el-form-item>
<el-button @click="addCancel('userForm')">取消</el-button>
</el-form-item>
4. Registre-se para eventos de clique
No methodsevento clique em registro, evento e depois chame o resetFields()método para limpar o formulário do formulário.
addCancel(formName) {
this.$refs[formName].resetFields();
}