Vue-router原理:8、initEvent方法实现

最新推荐文章于 2022-04-28 11:30:00 发布

爱发呆的程序员

最新推荐文章于 2022-04-28 11:30:00 发布

阅读量264

点赞数

分类专栏：笔记 vue-router 文章标签： vue

本文链接：https://blog.csdn.net/tinglis/article/details/114436422

版权

59 篇文章 0 订阅

订阅专栏

22 篇文章 0 订阅

订阅专栏

Vue-router原理:8、`initEvent`方法实现

现在有一个问题就是，当点击浏览器中的后退与前进按钮的时候，地址栏中的地址发生了变化，但是对应的组件没有发生变化。

这时候要解决这个问题，就需要用到popstate事件

popstate事件，可以发现浏览器历史操作的变化，记录改变后的地址，单击前进或者是后退按钮的时候触发该事件

initEvent() {
    window.addEventListener("popstate", () => {
   
      this.data.current = window.location.pathname;
    });
  }

针对initEvent方法的调用如下：

init() {
    this.createRouteMap();
    this.initComponents(_Vue);
    this.initEvent();
  }

关注