vue中threejs页面跳转其他页面后一直显示 VueComponent.animate

这个问题可能是由于在Vue组件中使用了three.js中的animate函数而引起的。

当你在vue组件中使用three.js的animate函数时，它将会一直运行直到页面被销毁。当你跳转到其他页面时，vue组件并不会被销毁，而是被缓存起来以提高性能。这意味着animate函数仍在运行，并且会一直运行，直到页面被销毁，这可能会导致一些问题。

解决这个问题的方法是在vue组件的destroyed钩子中停止animate函数的运行。

示例代码：

export default {
  data() {
    return {
      // your data
    }
  },
  mounted() {
    // your three.js code with animate function
  },
  destroyed() {
    cancelAnimationFrame(this.animate);
  }
}

在destroyed钩子中调用cancelAnimationFrame函数来停止animate函数的运行。这样，当你跳转到其他页面时，animate函数将会被停止，从而避免了一些潜在的问题。