Registro de problemas de Element-Ui (nota personal)

Cuando usamos elementos para el desarrollo, a veces ocurrirán algunos problemas extraños. Esto puede ser un defecto en el marco en sí o nuestro uso inadecuado. Por lo tanto, recopilaremos los problemas encontrados durante el desarrollo y los aspectos que vale la pena registrar para referencia futura.

Cuando se hace clic directamente en el componente secundario para cerrarlo, se producirá un error (problema de flujo de datos unidireccional). La solución es desactivar el evento en el componente principal y usar una tercera variable para controlar mostrar y ocultar. y agregó. Post-sincronización visible.

La validación del formulario de ElementUI falla y el mensaje de error de validación no desaparece cuando hay un valor.

Nota:

Utilice atributos de accesorios para configurar los mismos campos que los datos de fondo.

1. Verifique si la asignación fue exitosa;

2 Después de que la asignación sea exitosa, verifique si los datos obtenidos coinciden con el ID de datos de la lista desplegable (puede ser). escrito casualmente por el backend).

Nota: 1. El formato de valor del enlace del modelo v es este formato, si no es necesario procesarlo. 2. Compruebe si la matriz de identificación devuelta coincide con los datos de la lista del cuadro desplegable. De lo contrario, el texto no se podrá mostrar.

[Vue warn]: lt; grupo de transición gt. Debe escribirle al niño: ltElTag gtReport error

Cuando el tipo de datos vinculados es consistente con el tipo de datos de fondo, el error anterior aún ocurrirá, lo que puede deberse a las siguientes razones:

Después de marcar, los nodos obtenidos de forma predeterminada no contienen un estado medio seleccionado, por lo que a menudo pasamos nodos que no contienen un estado medio seleccionado al front-end y luego regresamos, por lo que la visualización inversa es incorrecta. El método de procesamiento es el siguiente:

Solución:

1. Establezca estrictamente el cheque

CheckStrictly es una variable con un valor predeterminado de falso.

2. Después de obtener los datos de la interfaz:

Para eliminar el número del botón de opción, simplemente agregue una etiqueta de espacio, hágalo;

Solución: Establecerlo en un valor o porcentaje específico. (Nota: se pueden establecer anchos de etiquetas individuales para cada elemento de la hoja de cálculo).

Cuando vinculamos un evento directamente, el evento tiene un parámetro de forma predeterminada, pero cuando queremos pasar un segundo parámetro, ¿cómo debemos hacerlo? entregarlo? Aquí está la solución:

/weixin_43970743/article/details/88532307

Si v-model es un campo auxiliar y la opción predeterminada está configurada en js, haga clic en Sin respuesta.

Solución:

El valor del enlace del modelo v se cambia al objeto de primer nivel.

Después de solicitar la asignación de datos de la interfaz, el cuadro de entrada en la página se muestra normalmente y el valor es correcto, pero no se puede editar.

Solución:

Utilice el método API global de Vue. $set (datos, atributo, valor)

Cada vez que aparece el cuadro de diálogo, realice una copia profunda de la fila de datos actual.

En algunos escenarios de registro de usuarios, a veces verificaremos algunos campos individuales antes de enviar el formulario completo, como enviar un código de verificación de teléfono móvil. Al enviar, simplemente revisamos el campo del número de móvil. Podemos hacer esto:

Si se necesitan varios parámetros, simplemente cámbielos a forma de matriz.

Configuración global

......