vue 直接在覆盖页面 Uncaught runtime errors: 取消

这个错误通常是由于 Vue 在组件销毁时，仍然在异步执行某些操作，导致在组件已经被销毁后，仍然尝试去修改组件的数据或者调用组件的方法，从而导致了取消错误。

解决这个问题的方法是，在组件销毁时，使用 `beforeDestroy` 钩子函数，取消所有未完成的异步操作或者定时器。例如：

beforeDestroy() {
  clearInterval(this.timer) // 取消定时器
  this.cancelRequests() // 取消所有未完成的异步请求
}

另外，还可以使用 `v-if` 来在组件销毁时，直接卸载组件，避免出现取消错误。例如：

<template>
  <div v-if="show">
    <!-- ... -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      show: true
    }
  },
  beforeDestroy() {
    this.show = false
  }
}
</script>