應用場景:從后端請求一次性拿到所有的數(shù)據(jù)烙心,前端進行假分頁;當勾選或去掉多選框乏沸,切換分頁的時候弃理,勾選上和去掉的數(shù)據(jù)需要回填上;具體如下:
image.png
具體實現(xiàn)代碼如下:
1屎蜓、通過接口拿到所有的數(shù)據(jù)痘昌,進行假分頁
請求拿到數(shù)據(jù)
2、渲染頁面中需要用到的方法和數(shù)據(jù)
定義的data
表格多選框勾選方法
分頁方法
3炬转、表格多選框勾選方法:handleSelectionImportChange
image.png
4辆苔、分頁方法:handleImportCurrentChange
這也是最主要的方法,每次分頁要回填當前頁已經選中的數(shù)據(jù)
image.png
5扼劈、最后multipleImportSelectionAll中的值就是所有選中的數(shù)據(jù)
輸出的結果為:
結果顯示