Vue + ElementUI formulario restablecer resetFields () no puede restablecer el problema del formulario
El restablecimiento del formulario desde el uso de ElementUI siempre falla y los this.$reds[formName].resetFields()datos del formulario no se pueden borrar
Más tarde, busqué información y leí el blog para resumir los siguientes dos métodos:
método uno
Asignar formdatos de formulario a{}
this.form = {
};
Eso es todo.
Método dos
El segundo método es llamar al formulario Form resetFields(), que es más engorroso
1. Agrega un alias al formulario.
En <el-form>adición la etiqueta refatributo
<el-form ref="userForm" ...>
......
</el-form>
2. Cada atributo itemadicional propdel formulario (el más marcado aquí)
Cada atributo itemagregado propdel formulario y propel nombre deben ser coherentes con el nombre de los datos vinculados, tenga en cuenta que propel atributo se agrega a la <form-item>etiqueta
<el-form-item label="姓名" prop="name">
<el-input v-model="form.name"></el-input>
</el-form-item>
3. Enlaza el nombre de referencia del formulario entrante en el evento de clic.
<el-form-item>
<el-button @click="addCancel('userForm')">取消</el-button>
</el-form-item>
4. Regístrese para eventos de clic
En methodsel registro de evento de clic, evento y luego llame al resetFields()método para borrar el formulario.
addCancel(formName) {
this.$refs[formName].resetFields();
}