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


Posted in Javascript onMay 06, 2019

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

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

以上所述是小编给大家介绍的使用vue-router切换页面时,获取上一页url以及当前页面url的方法详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
IE8 兼容性问题(属性名区分大小写)
Jun 04 Javascript
JavaScript 对象模型 执行模型
Dec 06 Javascript
Extjs学习笔记之五 一个小细节renderTo和applyTo的区别
Jan 07 Javascript
关于jQuery的inArray 方法介绍
Oct 08 Javascript
jquery实现excel导出的方法
Apr 04 Javascript
js使下拉列表框可编辑不止是选择
Dec 12 Javascript
浅析JavaScript中的变量复制、参数传递和作用域链
Jan 13 Javascript
轻松实现jquery选项卡切换效果
Oct 10 Javascript
JS操作时间 - UNIX时间戳的简单介绍(必看篇)
Aug 16 Javascript
关于Vue在ie10下空白页的debug小结
May 02 Javascript
ES6中定义类和对象的方法示例
Jul 31 Javascript
微信小程序:报错(in promise) MiniProgramError
Oct 30 Javascript
vue路由跳转传参数的方法
May 06 #Javascript
如何获取vue单文件自身源码路径
May 06 #Javascript
详解vue-cli中使用rem,vue自适应
May 06 #Javascript
用Vue编写抽象组件的方法
May 06 #Javascript
JS解惑之Object中的key是有序的么
May 06 #Javascript
微信小程序和百度的语音识别接口详解
May 06 #Javascript
微信小程序生成海报分享朋友圈的实现方法
May 06 #Javascript
You might like
PHP setcookie设置Cookie用法(及设置无效的问题)
2011/07/13 PHP
PHP文件去掉PHP注释空格的函数分析(PHP代码压缩)
2013/07/02 PHP
PHP实现简单登录界面
2019/10/23 PHP
通过JAVASCRIPT读取ASP设定的COOKIE
2007/02/15 Javascript
jquery 操作日期、星期、元素的追加的实现代码
2012/02/07 Javascript
JavaScript 参数中的数组展开 [译]
2012/09/21 Javascript
jQuery中ajax的load()与post()方法实例详解
2016/01/05 Javascript
详解JavaScript UTC时间转换方法
2016/01/07 Javascript
理解js回收机制通俗易懂版
2016/02/29 Javascript
通过正则表达式获取url中参数的简单实现
2016/06/07 Javascript
Bootstrap学习系列之使用 Bootstrap Typeahead 组件实现百度下拉效果
2016/07/07 Javascript
JavaScript学习笔记整理_简单实现枚举类型,扑克牌应用
2016/09/19 Javascript
JS实现简单的天数计算器完整实例
2017/04/28 Javascript
Javascript实现找不同色块的游戏
2017/07/17 Javascript
Node.js  事件循环详解及实例
2017/08/06 Javascript
从零开始搭建一个react项目开发
2018/02/09 Javascript
vue使用自定义icon图标的方法
2018/05/14 Javascript
小程序外卖订单界面的示例代码
2019/12/30 Javascript
js找出5个数中最大的一个数和倒数第二大的数实现方法示例小结
2020/03/04 Javascript
python读写二进制文件的方法
2015/05/09 Python
Python中selenium实现文件上传所有方法整理总结
2017/04/01 Python
Python实现文件内容批量追加的方法示例
2017/08/29 Python
如何利用Python开发一个简单的猜数字游戏
2019/09/22 Python
Python StringIO如何在内存中读写str
2020/01/07 Python
PyQt5实现简单的计算器
2020/05/30 Python
在Keras中CNN联合LSTM进行分类实例
2020/06/29 Python
Python3使用 GitLab API 进行批量合并分支
2020/10/15 Python
YSL圣罗兰美妆官方旗舰店:购买YSL口红
2018/04/16 全球购物
办公室前台岗位职责范本
2013/12/10 职场文书
服装采购员岗位职责
2014/03/15 职场文书
后进基层党组织整改方案
2014/10/25 职场文书
信访工作汇报材料
2014/10/27 职场文书
优秀共产党员事迹材料
2014/12/18 职场文书
酒店工程部经理岗位职责
2015/04/09 职场文书
统招统分证明
2015/06/23 职场文书
2015年学校政教工作总结
2015/07/20 职场文书