iview table 滚动条到底部

最新推荐文章于 2023-12-06 09:11:16 发布

xu187

最新推荐文章于 2023-12-06 09:11:16 发布

阅读量2.5k

点赞数

分类专栏： vue iview 文章标签： javascript vue.js

本文链接：https://blog.csdn.net/xu187/article/details/103695070

版权

vue 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

iview

1 篇文章 0 订阅

订阅专栏

iview table 滚动条到底部

iview table组件设置固定高度后，添加数据时滚动条到底部

function scrollToBottom () {
  this.$nextTick(() => {
  	// 当滚动条从没有到有时，不加setTimeout滚动条将不会滚动到底部
    setTimeout(() => {
      let overflowY = this.$el.getElementsByClassName('ivu-table-body')[0]
      if (!overflowY) {
        return
      }
      overflowY.scrollTop = overflowY.scrollHeight + 34
    }, 500)
  })
}