element-ui 表格跨頁多選

實現的效果是,表格可以多選,當點擊下一頁的時候上一頁的數據還在,而且切回去頁碼之前選的也能回顯

貼下代碼

<el-table
   ref="crud"
   :data="data"
   border
   :row-key="getRowKeys"
   @selection-change="selectionChange"
   v-loading="tableLoading">
      <el-table-column
        align="center"
        type="selection"
        :reserve-selection="true"
        :selectable="selectable"
        width="60">
      </el-table-column>  
</el-table>

關鍵代碼爲 table標籤的 row-key 和 selection-change,column的 reserve-selection

row-key返回當前的唯一標識(例如id)

selection-change 直接賦值即可

找了一大圈結果沒好好的讀文檔 找了下例子解決了,相比其他的解決方法代碼量減少我覺得至少一半

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章