ResizeObserver loop limit exceeded报错解决方案

最新推荐文章于 2024-09-02 18:46:08 发布

大白攻城狮

最新推荐文章于 2024-09-02 18:46:08 发布

阅读量1.4w

点赞数 14

分类专栏： Bug集文章标签： vue.js javascript elementui

本文链接：https://blog.csdn.net/qq_29885565/article/details/120457390

版权

Bug集专栏收录该内容

1 篇文章 0 订阅

订阅专栏

公司项目监听系统中发现一个高频错误 ResizeObserver loop limit exceeded，而浏览器的console中却没有提示，网上查了一下说是element-ui中的el-table宽度影响的，试了网上说的好多方案都没解决，然后去GitHub官方的issues里找到了队伍。

感谢大佬提供的hack方案，已经解决了
https://github.com/ElemeFE/element/issues/11420#issuecomment-898992179

import Vue from 'vue'
import ElementUI,{ Table } from 'element-ui'

// 解决 ElTable 自动宽度高度导致的「ResizeObserver loop limit exceeded」问题
const fixElTableErr = table => {
  const oldResizeListener = table.methods.resizeListener
  table.methods.resizeListener = function () {
    window.requestAnimationFrame(oldResizeListener.bind(this))
  }
}

// 一定要在Vue.use之前执行此函数
fixElTableErr(Table)

Vue.use(ElementUI)