el-table多选，默认选中-蒲公英云

el-table多选，默认选中

Bertha 。 2023-01-07 10:16 369阅读 0赞

toggleRowSelection（row, selected）：官网提供的选中行的方法,row：当前选中的行，selected：true选中，false:不选中

给table设置ref属性tableOne（自己定义）

this.$nextTick：在下次 DOM 更新循环结束之后执行延迟回调

let that=this ：获取vue对象

that.$refs.tableOne.clearSelection() ：清空用户选择

后边的循环按照自己实际情况来判断选中与否

that.$refs.tableOne.toggleRowSelection(that.votePeopleDataList[i],true)设置当前值选中

votePeopleDataList：这个数组为当前table绑定的data数据

注意：如果你的table表格在dialog弹窗中，则在此方法前要先显示dialog弹窗（即将el-dialog中的visible属性设置为true）否则this.$refs找不到

this.$nextTick(function(){ 
        let that=this
        that.$refs.tableOne.clearSelection() 
          for(let i=0;i<that.votePeopleDataList.length;i++){ 
            for(let j=0;j<that.votersList.length;j++){ 
              if(that.votePeopleDataList[i].name===that.votersList[j].name){ 
                that.$refs.tableOne.toggleRowSelection(that.votePeopleDataList[i],true)
              }
            }
          }
      })