element ui table scrollTop 滚动到行头或行尾

Question

element ui table 添加数据行后滚动条滚动到对应的行头或行尾问题

滚动到第一行：
this.$refs.table.bodyWrapper.scrollTop =0;
滚动到最后一行：
this.$refs.table.bodyWrapper.scrollTop =this.$refs.table.bodyWrapper.scrollHeight;

在网上看到上面这种解决方案，但是自己实验了一下，发现不行，请问是什么原因？

------------------------------------------------------分界线-----------------------------------------------

后续进展：
我改成

this.$nextTick(() => {
  let scrollHeight = this.$refs.table.bodyWrapper.scrollHeight
  this.$refs.table.bodyWrapper.scrollTop = scrollHeight
})

就能设置成功了，但总是滚动到离底部差一点的地方。
我查了一下，bodyWrapper.scrollHeight等于1256，max-height是659，所以一般设置成1256-659=597就能保证滚动条滚动到底部，但是我设置完成之后打印出来的bodyWrapper.scrollTop是567，所以总是滚动到离底部差一点的地方，这是为何呢？

Answer 1

没用过，具体要看你怎么写的：&nbsp;&nbsp;&nbsp;&nbsp;1.<el-table&nbsp;ref="table">&nbsp;&nbsp;//&nbsp;要有ref属性 &nbsp;&nbsp;&nbsp;&nbsp;2.&nbsp;this.$refs.table.bodyWrapper.scrollTop&nbsp;&nbsp;//这句话你写在哪里吗&nbsp;&nbsp;要确保this.$refs.table获取到<el-table