最近在做项目时,发现当数据量大时,滑动滚动条到底部,取消某条数据,然后vxTable.reloadData(this.tableData)时,会出现滚动条滑动到了顶部,且左右两边的固定列空白显示的问题。
经过百度,搜索到几种方法:
一、 xTable.reloadFixed()
xTable.loadData(this.tableData)
xTable.reloadFixed()
此方法不起作用,因为我的vx-table是v2.XXX版本的,xTable.reloadFixed() is not a function。去查看了vx-table官方文档,也是没有这个方法。因此,这个解决方案不可行。
二、获取表格数据和动态列后,调用xTable.clearScroll()
查看vxe-table的官方文档后,在虚拟滚动处,有一个清除滚动状态的方法,使用这个方法可行。代码如下:
getTableData(){
xTable.loadData(this.tableData)
this.getTableColumns()
}
getTableColumns(){
.... 其它代码
....
xTable.clearScroll()
}
到此,问题得到解决,写在这里也是为了方便记忆,不喜勿喷!