技术的路上奔跑

入门

0%

vue使用笔记

发表于 更新于 分类于 ， Valine：
本文字数： 537 阅读时长 ≈ 1 分钟

一、路由事件

1. 点击导航到下一个页面

  • 不会触发beforeDestroy，会触发beforeRouteLeave，可以在里面做一些清理工作
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script>
import { defineComponent, ref } from 'vue';
export default defineComponent({
  setup() {
  },
  data() {
  },
  methods: {
  },
  beforeRouteLeave(to, from, next) {
    // 切换路由会触发
    next();
    console.log("beforeRouteLeave");
    if (this.timerHandler) {
      clearInterval(this.timerHandler);
      this.timerHandler = undefined;
    }
  },
  beforeRouteLeave() {
    // 切换路由没有触发
  },
});
</script>

小技巧与踩坑记