el table 分页切换时默认打钩select项,状态被清

el table 分页切换时默认打钩select项,状态被清空,请问谁遇到过这样的情况

<el-table ref="singleTable"  @selection-change='selectCall' :data="tableData.slice((currentPage-1)*pagesize,currentPage*pagesize)" highlight-current-row   style="width: 97%;margin: 10px auto;">
    <el-table-column type="selection" width="55"></el-table-column>
    <el-table-column property="code" label="属性编码" width="120" > </el-table-column>
    <el-table-column property="name" label="属性名称" width="120"> </el-table-column>
    <el-table-column property="unit" label="数量"></el-table-column>
    <el-table-column property="unit" label="单位"></el-table-column>
</el-table>
<el-pagination background layout="prev, pager, next" :total="total" @current-change="current_change" style="padding-bottom:12px;float:right;">
</el-pagination>


//默认打钩回显方法
this.multipleSelection.forEach(itemMul => {
      this.$refs.singleTable.toggleRowSelection(
        this.tableData.find(d => d.code === itemMul.code),
        true
      );
    });
阅读 3.8k
2 个回答

搞那么复杂干嘛,ele都帮你实现了,复选框列加上reserve-selection属性,妥妥的

你每次切换页面时,如果重新访问接口的话,那么这个状态就会被清除了;
你可以让后端配合,你每次勾选某行时,给后端传递一个该行的标志(1为勾选 0为未勾选),
之后你再判断后端给你的返回值, 如何该行数据返回1,那就选中多选框,否则不选中

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题