vue使用element-plus出现 ResizeObserver loop limit exceeded错误解决方法

小吴同学GOGOGO

已于 2023-12-22 15:27:01 修改

阅读量2.2k

点赞数 8

文章标签： vue.js javascript 前端

于 2023-05-14 23:48:57 首次发布

本文链接：https://blog.csdn.net/weixin_41296877/article/details/130675694

版权

文章讲述了在处理table自适应大小调整时遇到的ResizeObserverlooplimitexceeded错误，并提供了一个解决方案，即在main.js中使用debounce函数限制回调频率，并覆盖ResizeObserver构造器以应用此优化。

摘要由CSDN通过智能技术生成

在每次table的自适应大小调整时，都会出现 ResizeObserver loop limit exceeded错误，
解决方法:在main.js中加入如下代码即可，注意，要在Use 函数之前调用：

// 解决 ElTable 自动宽度高度导致的「ResizeObserver loop limit exceeded」问题
const debounce = (fn, delay) => {
  let timer = null;
  return function () {
    let context = this;
    let args = arguments;
    clearTimeout(timer);
    timer = setTimeout(function () {
      fn.apply(context, args);
    }, delay);
  }
}

const _ResizeObserver = window.ResizeObserver;
window.ResizeObserver = class ResizeObserver extends _ResizeObserver{
  constructor(callback) {
    callback = debounce(callback, 16);
    super(callback);
  }
}