因為iview Table組件的勾選是選中當前頁的所有數據,當我們切到別的頁面時,會發送請求給后端,這個時候就會刷新我們之前頁碼已經選中的數據。現在有個需求就是,在我們選擇不同頁碼的數據勾選中之后,實現跨頁勾選記憶功能,就是說已經打鉤了的數據,不管切到哪一頁它都是打鉤狀態。效果如下,第一頁勾了10條,第二頁勾了2條,第三頁勾了1條:
實現思路就是Table組件的columns里配置 type: "selection"開啟勾選功能,然后利用 **@on-selection-change=“onSelectChange” @on-select-cancel=“onSelectCancel”**這兩個方法,
這里我封裝了一個去重方法deWeightThree,它可以根據對象數組里id進行去重。onSelectChange方法里如果val有值表示勾選中了某一條,否則就是取消全選當前頁的數據。我們在data里定義了一個數組selectArr,用于存儲我們當前所有頁面已經選中打鉤的數據。getTableData_new獲取當前頁table數據,需注意的是在我們調獲取當前頁table數據的接口成功后&