[vue][element-ui][el-table]控制表格的滚动条滑动到最右边

场景复现

表格宽度过长产生了横向的滚动条,实行当前页的编辑时会触发表格的数据重新渲染,重新渲染时,会降滚动条拉到最左边,这就就要在列表动态渲染完之后,将滚动条拉回最右边

方法

refs[‘tableList’]上有一个bodyWrapper里面有scrollLeft 属性,可以设置表格左滑动的距离为整个表格的宽度,而表格的宽度在refs[‘tableList’].bodyWidth,替换字符串和变数字以后就可以了

JS部分

this.$nextTick(()=>{
  this.$refs.tableList.bodyWrapper.scrollLeft = Number(this.$refs.tableList.bodyWidth.replace('px',''))
})