使用vue-router切换页面时，获取上一页url以及当前页面url的方法

作者: 黑色834867236
来源: 51数据库
2021-08-27

今天在实现一个小功能的时候，遇到一个问题，使用vue-router获取上一页面的url信息，我尝试了多种方式，发现使用vue-router的candeactivate钩子实现这个功能最为方便，现在将我的实现代码总结如下:

项目使用的是vue-cli,直接贴代码

export default {
  mixins: [],
  vuex: {
   actions: {fetchcertificates},
  },
  data() {
   return {}
  },
  route: {
   data() {
    this.$root.showloading();
    return this.fetchcertificates().then((res) => {
     this.$root.dismissloading();
     if (res.error) return this.$root.toasterror(res.error);
     if(res.data.certificates.length >0){
      return res.data;
     }else{
      console.log(this.$route ,"----当前页面的url信息----");
     }
    });
   },
   canactivate (transition) {
    console.log(transition,"======上一个页面的url信息=======");
    transition.next();
   }
  },
 }