element-ui表格定位到某一行

/**
* @description: 通过表格索引 定位表格的位置
* @param {refName} table的ref值
* @param {index} table的索引值
* @return:
* @author: ywj
*/
$tableScrollMove(refName,index=0){
if(!refName || !this.$refs[refName]) return//不存在表格的ref vm 则返回
let vmEl = this.$refs[refName].$el
if(!vmEl) return
//计算滚动条的位置
const targetTop = vmEl.querySelectorAll('.el-table__body tr')[index].getBoundingClientRect().top
const containerTop = vmEl.querySelector('.el-table__body').getBoundingClientRect().top
const scrollParent = vmEl.querySelector('.el-table__body-wrapper')
scrollParent.scrollTop = targetTop - containerTop
},

 

posted @ 2021-05-07 17:20  yuwenjing  阅读(1535)  评论(0编辑  收藏  举报