vue3 onUnmounted报错

vue3 onUnmounted报错 onUnmounted is called when there is no active component instance to be associated with.

img

该回答内容部分引用GPT，GPT_Pro更好的解决问题
Vue3的onUnmounted报错是指，当组件实例不再被激活时，会调用onUnmounted函数。这是因为Vue3使用了ES6 Proxy，它可以拦截对组件实例的访问，并根据实例的状态来调用函数。如果组件实例不再被激活，就会调用onUnmounted函数，来释放内存空间。

Vue3中，onUnmounted函数的定义如下：

onUnmounted(() => {
  // 销毁组件前执行的回调函数
});

onUnmounted函数会在相关的组件销毁之前执行，一般用于组件销毁前的清理工作，如清除定时器、事件监听器、dom节点等。

一般情况下，在Vue3中使用onUnmounted函数时不会报错，但有时可能会出现报错。这是因为在onUnmounted函数中可能会使用this关键字引用组件实例，但此时这个实例已经被销毁，所以可能会出现“TypeError: Cannot read property 'xxx' of undefined”的报错。

因此，要避免onUnmounted函数报错，应该遵循以下几条原则：

  1. 在onUnmounted函数中尽量不要使用this关键字引用组件实例；
  2. 使用try catch语句对onUnmounted函数进行异常捕获；
  3. 需要在onUnmounted函数中使用this关键字引用组件实例时，应该判断this是否存在；
  4. 使用v-if或者v-show而不是v-once来判断是否显示组件实例。

总之，在Vue3中使用onUnmounted函数时应该注意尽量避免出现报错问题，要做到这一点就应该注意上述4条原则。
如果回答有帮助，望采纳。

onUnmounted 方法是当没有活动的组件实例时调用的，所以你可能没有正确的调用onUnmounted方法。检查你的代码是否正确的调用onUnmounted方法，并确保你有一个活动的组件实例可以与之关联。

查看script标签是否有setup函数，没有setup函数会报这个错

或者 将 onMounted() onActivated() 代码提前，放在 setup()函数的最前端 也就是 setup的最上面
https://www.cnblogs.com/zhanglw456/p/16626658.html