鍍金池/ 問答/HTML/ element-ui的table組件遠程數(shù)據(jù)的勾選狀態(tài)保持。

element-ui的table組件遠程數(shù)據(jù)的勾選狀態(tài)保持。

先說目前狀態(tài):table組件中使用排序和勾選功能,配合分頁組件,table組件中的數(shù)據(jù)是通過接口后端獲取的,分頁請求后端數(shù)據(jù)。
問題描述:在某頁已勾選多個數(shù)據(jù)的情況下進行了排序(排序也是從后端排序完成后請求過來的數(shù)據(jù),注意的是原這頁的數(shù)據(jù)已經(jīng)被刷新)后,其勾選狀態(tài)保持在原來的位置,沒有勾選對應的數(shù)據(jù)(就是原版在123位勾選了,排序后還是在123位置被選上),這個問題怎么破?

一些細節(jié):

  1. 使用row-key和reserve-selection,來保持之前請求的數(shù)據(jù)被勾選狀態(tài),就是分頁請求數(shù)據(jù)也是可以的,但是加上排序,勾選位置是不變的
  2. 如果將后端的數(shù)據(jù)一次性全部請求過來,保存在本地或者vuex中是可以實現(xiàn)的,但是后端數(shù)據(jù)庫中如果有幾十萬條數(shù)據(jù),這個方法就斃掉了。
  3. 如果是手動使用toggleRowSelection方法來進行勾選狀態(tài)的變化時,應該如何對數(shù)據(jù)進行比對,數(shù)據(jù)庫中可能存在值一樣的數(shù)據(jù)多條。
  4. 沒辦法對遠程數(shù)據(jù)庫進行添加字段,只能獲取

由于涉及到后端請求,這邊沒辦法帖代碼,就不貼了(再次提醒下,數(shù)據(jù)拿到本地是可以實現(xiàn)的https://jsfiddle.net/api/post...
具體樣子是這樣的
圖片描述
希望有大佬能夠提供下解決思路,萬分感謝?。。?/p>

回答
編輯回答
情皺

把需求砍死了,ε=(′ο`*)))唉

2017年7月15日 13:56