プロジェクトのシナリオ:
最初のページのデータを確認した後、2 ページ目に切り替え、いくつか確認してから最初のページに戻ると、最初のページで確認したデータがなくなっていることがわかり、2 ページ目に戻ると、チェックされたデータもなくなるため、チェックされたデータをエコーするようにコンポーネント ページ 19 を最適化する必要があります。
原因分析:
このテーブルは、tableDataList と propConfig によって駆動される、以前にカプセル化されたコンポーネントです. 最初は、テーブルには最初のページのデータしかありません. 2 番目のページに切り替えるときは、インターフェースから 2 番目のページのデータを取得し、割り当てる必要があります変更、コンポーネントは再レンダリングされますが、最初のページに戻るとコンポーネントも再レンダリングされ、再レンダリング後、選択ボックスはすべて選択されていません
解決：
1.要素に属性table-columnを追加するreserve-selection
type=selection の列でのみ有効です。型は Boolean です。true の場合、データが更新された後、以前に選択されたデータが保持されます (row-key を指定する必要があります)。
2. row-key 属性を el-table に追加して、 テーブルのレンダリングを最適化します; この属性は、 reserve -selection 関数を使用してツリー データを表示する場合に必要です。
3. js 部分は、row-key メソッドを記述します
このように、それぞれにrow固有のキーがあるため、ページを切り替えると、現在選択されているデータが保持され、再度ページに戻ると、テーブル自体が一致し、以前に選択されたデータと一致する場合は、選択されたデータが選択されます。 .ボックスエコー