这也算是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...