通过scrollIntoView()方法将指定行滚动到可视区域。一直有一些奇怪的问题。
将其写在this.$nextTick中也不行,最后一行始终不能出现,但是调试的时候一步一步又能实现效果。
this.$nextTick(() => {
const scrollRow = this.$refs['treeData'].$el.querySelector('.el-table__row.current-row')
if (scrollRow) {
scrollRow.scrollIntoView()
}
})
最终解决是加了一个定时器就OK了。
setTimeout(() => {
const scrollRow = this.$refs['treeData'].$el.querySelector('.el-table__row.current-row')
if (scrollRow) {
scrollRow.scrollIntoView()
}
}, 0)
但是还有问题是scrollIntoView()方法参数设置为scrollIntoView({behavior: 'smooth', block: 'center'})就不行了。
哎,上面那种能实现效果先用着吧。