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)
              }
            }
          }
      })

如果默认选中的效果一直无效,可以尝试设置哪些数据不让选中

Logo

前往低代码交流专区

更多推荐