iview 数据表格 固定列拉倒底部后刷新出现错行问题

很多小伙伴肯定遇到过这个组件问题,下面只需要一行即可搞定

vue方法

首先我们在mixin.js里封装一个方法

pageSizeChange(pageSize) { // 每页显示数量变更
      this.searchParams.limit = pageSize
      // this.searchParams.showCount = pageSize
      this.initListData()
    },
pageHight() {  // 定义一个初始滚动高度
      this.$refs.tables.$refs.tablesMain.$refs.body.scrollTop = 0
    },
pageChange(pageNo) { // 页码变更
      this.searchParams.current = pageNo
      this.pageHight()
      // this.searchParams.currentPage = pageNo // 这玩意干扰pageSizeChange
      this.initListData()
    }

页面调用直接引入这个js

然后methods里我们要去

this.pageHight()

即可解决哦,如果你的scrollTop不是在这一层,需要你自己打印this寻找咯

发布了58 篇原创文章 · 获赞 0 · 访问量 5103

猜你喜欢

转载自blog.csdn.net/qq_40295815/article/details/104493277