elemen-ui表格多選，分頁保持勾選狀态的實作

element-ui 表格元件官網上的文檔說明 ：row-key 

官方提供的reserve-selection屬性，為true時可保留之前選中的資料（需要指定row-key）

<el-table
    ref="multipleTable"
    :data="tableData"
    tooltip-effect="dark"
    style="width: 100%"
    @selection-change="handleSelectionChange"  //多選事件
    :row-key="getRowKeys">   //指定row-key  
    <el-table-column
      type="selection"
      width="55"
      :reserve-selection="true">   //加上該屬性，值為true
    </el-table-column>
    <el-table-column
      label="日期"
      width="120">
      <template slot-scope="scope">{{ scope.row.date }}</template>
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="120">
    </el-table-column>
  </el-table>
  
   methods: {
      handleSelectionChange(val) {
      console.log（val);
      },
      getRowKeys(row) {
        return row.id;   //指定row-key的一個辨別
      },
    }      

注意 ： row-key  好像隻能指定id，并且是唯一的，如果沒有id，想方法再周遊的資料中加上一個id屬性