el-table多选,默认选中
toggleRowSelection(row, selected):官网提供的选中行的方法,row:当前选中的行,selected:true选中,false:不选中给table设置ref属性tableOne(自己定义)this.$nextTick:在下次 DOM 更新循环结束之后执行延迟回调let that=this:获取vue对象that.$refs.tableOne.clearSelectio
·
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)
}
}
}
})
如果默认选中的效果一直无效,可以尝试设置哪些数据不让选中
更多推荐
已为社区贡献5条内容
所有评论(0)