记录如何让ele表格组件里面选中的几行在刷新页面后实现复选效果

745 阅读1分钟

场景是使用表格组件的时候,在表格组件带有复选框然后提交之后,将选中的几行在刷新页面之后显示出来

我在选中几行提交之后,然后再次提及按钮显示表格的时候,后台会给我之前提交的表格的值,和ele提供的表格数据格式一致,然后拿到之后存储一下。之后调用自己写好的回显方法如下

toggleSelection(rows) {
  for (let i = 0; i < this.tableData1.length; i++) {
    for (let j = 0; j < rows.length; j++) {
      if (this.tableData1[i].ModuleID === rows[j].ModuleID) {
        this.$nextTick(() => {
          this.$refs.multipleTable.toggleRowSelection(
            this.tableData1[i],
            true
          );
        });
      }
    }
  }
},

其中rows就是存储的已经提交的表格数据,而tableData1为表格的总的数据,将两者对比即可实现回显,toggleRowSelection的用法为用于多选表格,切换某一行的选中状态,如果使用了第二个参数,则是设置这一行选中与否(selected 为 true 则选中),注意需要用到$nextTick,不然不生效,一般来说回显都要用到这个。回显还有别的场景和用法,不过大致想法都差不多,可以参考链接如下:blog.csdn.net/lwx93144966…