为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

人到中年有点甜 2018-11-13 13:32:18
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,所以总是滚动到离底部差一点的地方,这是为何呢?
查看完整描述

1 回答

?
慕侠2389804

TA贡献1719条经验 获得超6个赞

没用过,具体要看你怎么写的:

    1.<el-table ref="table">  // 要有ref属性
    2. this.$refs.table.bodyWrapper.scrollTop  //这句话你写在哪里吗  要确保this.$refs.table获取到<el-table


查看完整回答
反对 回复 2018-11-13
  • 1 回答
  • 0 关注
  • 5511 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信