El problema y la solución del restablecimiento de formulario no válido mediante el método resetFields() de element-ui en Vue

1. Al agregar y editar al mismo tiempo en la misma ventana emergente, el efecto de borrar el formulario no se puede lograr en este momento.

Consulte la introducción de la dirección del sitio web oficial. Nota: El método resetField() no restablecerá el formulario a vacío, sino al valor inicial.

Entonces, ¿cómo se define este valor inicial? ¿Paño de lana?

Lo intenté, el valor inicial debería definirse como el valor cuando se abre la ventana emergente por primera vez. En otras palabras, si se abre un formulario recién creado, todos los valores iniciales están vacíos; si se abre un formulario emergente editado, se editan los valores iniciales. (No se ha visto el código fuente para determinar la profundidad)

2. form-item el-form-item no agrega un atributo de propiedad, y el atributo de propiedad debe ser coherente con el atributo vinculado a el cuadro de entrada

Para este punto

Borré manualmente los datos de formData.

Tenga en cuenta que vacío no es directamente equivalente a {}. El enfoque que tomé fue escribir un método público *** que asigna recursivamente todas sus propiedades a nulo o "". Los siguientes métodos no son recomendables.

Entonces, ¿cuándo es el momento más razonable para borrar estos datos?

Elegí borrar los datos en la devolución de llamada del evento cuando la ventana emergente está cerrada. La razón es que al hacer clic en Cancelar se cerrará la ventana emergente y se borrarán los datos, al hacer clic en Aceptar se completará la operación de borrar los datos, al hacer clic en Cerrar se cerrará la ventana emergente y se borrarán los datos, y al hacer clic en Blanco también se cerrará la ventana emergente. ventana emergente y borre los datos. Por lo tanto, elija borrar los datos en la devolución de llamada de cierre del cuadro emergente.

Para dos

consulta las propiedades correspondientes. Asegúrese de que la escritura sea normal.