这也算是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 滚动条定位到 选中行的位置
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 在项目中使用了keep-alive来缓存组件,且使用elementUI中的table列表, 现在需求是在列表点进详...
- 需求:对el-table 选中行时复选框也被选中,选中复选框时触发行的相应变化 (拢共分两步)步骤:第一步:点击...
- 费我好大劲,终于试出来了. >>> .el-table .el-table__body tr.el-table__...
- 以下记录是个人开发过程中遇到的问题: 当列表内容部分可见时,保持横向滚动条在下方。 实现 原理1.这里涉及到两个D...