当前位置： 移动技术网 > IT编程>脚本编程>vue.js > 使用vue-router切换页面时，获取上一页url以及当前页面url的方法

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

2019年07月20日  | 移动技术网IT编程  | 我要评论

今天在实现一个小功能的时候，遇到一个问题，使用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();
   }
  },
 }

以上所述是小编给大家介绍的使用vue-router切换页面时，获取上一页url以及当前页面url的方法详解整合，希望对大家有所帮助

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网