Ant Design Vue页面定时刷新，离开页面销毁任务

// 先定义属性
export default {
  data() {
    initTask: null
  }
},
// 页面加载完成后启动定时任务
mounted() {
  this.taskFunction()
},
// 离开页面时销毁定时任务，否则定时任务会一直执行
destroyed() {
  this.clear()
},
methods: {
  // 定时任务
  taskFunction() {
    if (this.initTask !== null) {
      return
    }
    this.initTask = setInterval(() => {
      console.log('十秒执行一次定时任务')
    }, 10000)
  },
// 销毁定时任务方法
clear() {
  clearInterval(this.initTask)
  this.initTask = null
 },
}