VUE EL-TABLE 滚动条定位到 选中行的位置

这也算是ele的一个不完善的地方吧,既然有了 setCurrentRow 确没有置顶,接下来就分享一个小技巧给大家
1:首先给el-table添加 ref属性 及 row-click事件
2:row-click事件中记录下当前el-table的滚动条位置
//获取当前滚动条的位置 并赋值给 this.Nowscroll 记录下来
let vmEl = this.el
const scrollParent = vmEl.querySelector('.el-table__body-wrapper')
this.Nowscroll = scrollParent.scrollTop
3:刷新页面的时候,就可以定位滚动条啦 细节是,必须加上setTimeout 否则无效
setTimeout(() => {
this.$refs.[orderTable].bodyWrapper.scrollTop = this.Nowscroll
}, 13)

你可能感兴趣的:(VUE EL-TABLE 滚动条定位到 选中行的位置)