element ui页面刷新或者数据重新加载时复选框保持选中状态

<el-table :data="tableData.list" style="width: 100%" @selection-change="handleSelectionChange" ref="multipleTable" :row-key="rowKey">
      <el-table-column type="selection" width="55" :reserve-selection="true" />
      <el-table-column align="center" prop="phoneNum" label="手机号码" width="180"></el-table-column>
      <el-table-column align="center" prop="becomeMemberTime" label="注册时间"></el-table-column>
      <el-table-column align="center" label="操作">
         <template slot-scope="scope">
            <el-button class="button5" @click="add(scope.row)" >发券</el-button>
         </template>
     </el-table-column>
</el-table>

handleSelectionChange(row) {
    console.log(row, "选中")
    this.shopMemberIds = []
    row.forEach(item => {
    	this.shopMemberIds.unshift(item.shopMemberId)
    })
     localStorage.setItem("shopMemberIds", JSON.stringify(this.shopMemberIds))
},
rowKey(row) {
    return row.shopMemberId
}

var shopMemberId1 = JSON.parse(localStorage.getItem("shopMemberIds") || "[]");
console.log(shopMemberId1, "shopMemberIds")
this.$nextTick(function() {
    this.tableData.list.forEach(row => {
        if (shopMemberId1.includes(row.shopMemberId)) {
            this.$refs.multipleTable.toggleRowSelection(row, true);
        }
    });
});

this.$refs.multipleTable.clearSelection();   //   清除之前的选中状态