vue3 Table 分页保留选中状态

 

//指定id值,数据更新之后保留之前选中的数据
const getRowKeys = (row) => {
  return row.siteId; 
};

// 这存的是选中的数据
const userSelectionChange = (values) => {
  state.selectedData = [...values];
};

// 两个数组对比，判断表格中的数据是否开启选中
const reserveSelection = () => {
  let table = state.tableData;
  table.forEach((item) => {
    state.selectedData.forEach((ite) => {
      if (item.siteId === ite.siteId) {
        setTimeout(() => {
          //让页面显示选中的数据
          multipleTable.value.toggleRowSelection(item, true);
        }, 0);
      }
    });
  });
};