Vue+elementUI中默认全选时出现的问题,全选会先闪烁,然后没有全选
默认全选,就是在表格数据加载完成之后,将多选框自动全选。
出现的问题:
1.在表格数据加载完成之前,执行了全选操作,就会出现表格数据无法全选
解决方法:就是延迟执行全选操作,可以使用setTimeout(() => {})延迟函数
2.elementUI中的table插件必须有ref=“表格数据列表名”,这个属性,否则无法获取table的DOM
3.全选函数,一定要注意函数的写法
this.$nextTick(() => {
for(let i=0; i<this.printData.length; i++) {
this.$refs.printData.toggleRowSelection(this.printData[i], true);
}
})
82.Vue+elementUI怎么获取选中多行的table数据
printFigInfo() {
console.log(this.$refs.printData.selection)
}
方法:this.$refs.printData.selection,中的printData是table数据列表的名称