vue报错ResizeObserver loop completed with undelivered notifications.

这个错误通常是由于使用 ResizeObserver 监听元素尺寸变化时，出现了循环调用的情况。这可能是由于在回调函数中修改了元素的尺寸，导致 ResizeObserver 不断地触发回调函数，从而形成了循环调用。解决这个问题的方法是在回调函数中避免修改元素的尺寸，或者使用 debounce 或 throttle 函数来限制回调函数的执行频率。此外，还可以考虑使用其他的尺寸监听方式，比如监听 window 的 resize 事件或者使用 CSS 的 media query。

相关问题

vue2 resizeobserver loop completed with undelivered notifications.

根据提供的引用内容，解决"vue2 resizeobserver loop completed with undelivered notifications"错误的方法如下：

1. 使用防抖函数：

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);
  }
}

2. 重写ResizeObserver类：

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

3. 在需要使用ResizeObserver的地方添加show-overflow-tooltip属性：

<el-table-column prop="title" label="标题" min-width="100" show-overflow-tooltip />

这些方法可以解决"vue2 resizeobserver loop completed with undelivered notifications"错误。

vue resizeobserver loop completed with undelivered notifications.

这个问题可能是由于Vue中ResizeObserver被重复触发而导致的。Vue的ResizeObserver是用来监听元素大小变化的，当元素大小变化时会触发回调函数。然而，有时候可能会出现resizeobserver loop completed with undelivered notifications的报错，这是因为ResizeObserver被重复触发，但是却没有及时处理完所有的通知。

为了解决这个问题，可以尝试以下几种方法：

1. 确保只有在需要监听元素大小变化的时候才触发ResizeObserver。避免不必要的触发。

2. 使用debounce或throttle函数来限制ResizeObserver的触发频率，确保不会出现过多的通知。

3. 检查代码逻辑，确保在处理ResizeObserver的回调函数时，能够处理完所有的通知，避免出现undelivered notifications的情况。

4. 可以使用requestAnimationFrame来延迟处理ResizeObserver的回调函数，确保在下一帧中再处理，避免影响性能。

综上所述，解决这个问题的关键在于合理地管理ResizeObserver的触发频率和处理逻辑，以确保不会出现undelivered notifications的情况。希望以上的建议能够帮助你解决这个问题。