1. table渲染完成需要动态更新列的数据时候,此时在eltable属性增加key可以,例如:
    1. <el-table ref="table" :key="key"

                增加data属性 key,最后需要重新刷新方法里加上 this.key = Math.random() 就可以

           

      2.问题2,调用 this.key = Math.random()后会导致table滚动条重置到最上面的问题解决办法就是调用this.key之前先记录滚动条高度调用完成还原成之前的高度

        

完美解决方法

/**
     * 刷新table,防止滚动条跑到最上面
    */
refreshTable() {
      const beforeScrollTop = this.$refs.table.$el.querySelector('div.el-table__body-wrapper').scrollTop
      this.key = Math.random()
      setTimeout(() => {
        this.$refs.table.$el.querySelector('div.el-table__body-wrapper').scrollTop = beforeScrollTop
      }, 0)
    },

需要刷新的地方调用 this.refreshTable(),就可以

原文地址:https://blog.csdn.net/Wang__dream/article/details/128370636

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_40470.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注