Cenário do projeto:
Depois de verificar os dados na primeira página, mude para a segunda página, verifique alguns e retorne à primeira página, você descobrirá que os dados verificados na primeira página desapareceram e, em seguida, retorne à segunda página, a os dados verificados também se foram, por isso é necessário otimizar a página do componente 19 para ecoar os dados verificados
Análise de causa:
Esta tabela é um componente previamente encapsulado, controlado por tableDataList e propConfig. A princípio, a tabela possui apenas os dados da primeira página. Ao mudar para a segunda página, precisamos obter os dados da segunda página da interface e atribuir para tableDataList. Change, o componente renderiza novamente, mas quando voltamos para a primeira página, o componente também renderiza novamente, depois de renderizar novamente, a caixa de seleção é toda desmarcada
solução:
table-column
1. Adicione reserve-selection
atributos no elemento
Válido apenas para colunas com tipo=seleção, o tipo é booleano, se for verdadeiro, os dados selecionados anteriormente serão retidos após a atualização dos dados (a chave de linha precisa ser especificada)
2. Adicione o atributo row-key à el-table para otimizar a renderização da Tabela; esse atributo é necessário ao usar a função reserve -selection e exibir os dados da árvore.
3. A parte js grava o método de chave de linha
Desta forma, como cada uma row
tem uma chave única, ao alternar entre as páginas, os dados atualmente selecionados serão retidos. Ao voltar novamente, a tabela corresponderá a si mesma. Se os dados forem consistentes com os selecionados anteriormente, os dados selecionados serão selecionados .caixa de eco