带选择框的table表格，记录已经选择的数据，翻页不清空

需求

这个表格选中了两条数据，让它们经历翻页，条件搜索之后还存在，那么如下
1.在tamplate中:

<el-table
  :data="tableData"
  stripe
  ref="multipleTable1"
  style="width: 100%;overflow: auto;margin-bottom: 7px;"
  :style="{'height': tableData.length > 7 ? tabHeight : 'auto'}"
  v-loading="tabLoading1"
  highlight-current-row
  :row-key="getRowKeys"
  @selection-change="selectChange">
  <el-table-column type="selection" width="48" :reserve-selection="true"></el-table-column>
  <el-table-column type="index" label="序号" width="58"></el-table-column>
  <el-table-column prop="proCode" label="供方编码"></el-table-column>
  <el-table-column prop="proDesc" label="供方名称"></el-table-column>
</el-table>

:reserve-selection=“true” ：在表格第一列类型type="selection"加入:reserve-selection=“true”
:row-key=“getRowKeys” 这个方法是必须要加上的

在data中

data () {
	return: {
		tableData: []
	}
}

在methods中：

methods: {
  // 指定一个唯一标识。id或者其他唯一的，此处供方编码是唯一，拿供方编码
   getRowKeys (row) {
     return row.proCode;
   },
}