Escenario del proyecto:
Después de verificar los datos en la primera página, luego cambie a la segunda página, verifique algunos, luego regrese a la primera página, encontrará que los datos verificados en la primera página se han ido, y luego regrese a la segunda página, el los datos verificados también se han ido, por lo que es necesario optimizar la página del componente 19 para hacer eco de los datos verificados
Análisis de causa:
Esta tabla es un componente previamente encapsulado, manejado por tableDataList y propConfig. Al principio, la tabla solo tiene los datos de la primera página. Al cambiar a la segunda página, necesitamos obtener los datos de la segunda página de la interfaz y asignar a tableDataList Cambio, el componente se vuelve a renderizar, pero cuando volvemos a la primera página, el componente también se vuelve a renderizar, después de volver a renderizar, el cuadro de selección no está seleccionado
solución:
table-column
1. Agregar reserve-selection
atributos en el elemento
Solo válido para columnas con type=selection, el tipo es booleano, si es verdadero, los datos seleccionados previamente se conservarán después de que se actualicen los datos (se debe especificar la clave de fila)
2. Agregue el atributo de clave de fila a la tabla el para optimizar la representación de la tabla, este atributo es necesario cuando se usa la función de selección de reserva y se muestran los datos del árbol.
3. La parte js escribe el método de clave de fila
De esta manera, debido a que cada una row
tiene una clave única, al cambiar de página, se mantendrán los datos seleccionados actualmente. Al volver a cambiar, la tabla se igualará a sí misma. Si los datos son consistentes con los seleccionados previamente, se seleccionarán los datos seleccionados. caja de eco