1、问题描述
在使用动态数据切换渲染el-table
表格过程中,报错如下:
ResizeObserver loop completed with undelivered notifications.
2、解决方案
在网上找了很多办法,包括:
- 为每一列指定宽度,试了,问题依旧
- 包一层
div
,然后设置overflow
属性为auto
,试了,问题依旧 - 最后一个方法,在main.js中加入
防抖处理
代码:
import { debounce } from "lodash";
const resizeObserver = (window).ResizeObserver;
(window).ResizeObserver = class ResizeObserver extends resizeObserver {
constructor(callback) {
callback = debounce(callback, 100);
super(callback);
}
};
3、验证
加入代码,重新编译,问题解决~~
具体原理暂时还不知道,记录一下,后面了解清楚,再补充吧