美文网首页
iview:table 组件翻页滚动条置顶

iview:table 组件翻页滚动条置顶

作者: 岚平果 | 来源:发表于2021-09-03 02:34 被阅读0次

    一、效果一: table 点击翻页 滚动条回到顶部

     changePage(page) {
        // 翻页 滚动到顶部
          setTimeout(() => {
            //这里要延迟下滚动
            document.getElementsByClassName('ivu-table-body')[0].scroll(0, 0)
          }, 400)
          this.page = page
          this.getList()
    }
    

    效果二: 监听table 组件的滚动事件

      mounted() {
        document.getElementsByClassName('ivu-table-body')[0].addEventListener('scroll', (event) => {
          // console.log(event.target.scrollTop);
          console.log(event);
          this.tableScroll = event.target.scrollTop;
        
       });
      }
    

    相关文章

      网友评论

          本文标题:iview:table 组件翻页滚动条置顶

          本文链接:https://www.haomeiwen.com/subject/dwyhwltx.html