element-ui中el-table的多选默认选中

• 场景：
  后台返回数据，进入页面编辑的时候，一些表格数据选中；
• 解决办法：
  调用后台接口的返回数据之后，使用table的 toggleRowSelection 方法实现默认勾选。

data(){
  imageList:[], //后台接口返回的列表数据
  selectList:[], //已经选中的数据，[{},{},{}]},每一项包含很多其他参数

//调用接口成功后执行
this.$nextTick(()=>{
    this.imageList.forEach(row=>{
       this.selectList.forEach(selected =>{
          if(selected.id === row.id){
            this.$refs.multipleTable.toggleRowSelection(row,true);
          }
      })
    })
})

上面写法在实际使用中发现了问题，就是只能选中默认的第一页，之后其他页的多选框没有选中；但是this.showSelectList中已经读取到从编辑接口获取到的数据。
解决办法：
在点击入口事件的时候，就开始多选绑定，绑定发生在调用接口之前。

  props:{
    parImageList:{//父组件传来的
      type:Array,
    },
  }


  // 获取回显数据列表
     if(this.parImageList){
        let value = JSON.stringify(this.parImageList)
        this.selectList = JSON.parse(value)
       }
        //  多选默认选中
        this.$nextTick(()=>{
          this.selectList.forEach(item=>{
            this.$refs.multipleTable.toggleRowSelection(item);
          })
        })
              
      // 获取数据列表 
      this.getListFunc();