使用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 相关文章推荐
childNodes.length与children.length的区别
May 14 Javascript
初窥JQuery-Jquery简介 入门了解篇
Nov 25 Javascript
非常强大的 jQuery.AsyncBox 弹出对话框插件
Aug 29 Javascript
javascript 快速排序函数代码
May 30 Javascript
jquery实现表格奇数偶数行不同样式(有图为证及实现代码)
Jan 23 Javascript
用js实现输入提示(自动完成)的实例代码
Jun 14 Javascript
完美解决AJAX跨域问题
Nov 01 Javascript
简单实现JS倒计时效果
Dec 23 Javascript
JavaScript实现实时更新系统时间的实例代码
Apr 04 Javascript
微信小程序实现展示评分结果功能
Feb 15 Javascript
详解vue-element Tree树形控件填坑路
Mar 26 Javascript
Vue性能优化的方法
Jul 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中array_slice函数用法实例详解
2014/11/25 PHP
php简单判断文本编码的方法
2015/07/30 PHP
PHP面向对象编程之深入理解方法重载与方法覆盖(多态)
2015/12/24 PHP
JS图片浏览组件PhotoLook的公开属性方法介绍和进阶实例代码
2010/11/09 Javascript
js中巧用cssText属性批量操作样式
2011/03/13 Javascript
js移除事件 js绑定事件实例应用
2012/11/28 Javascript
JS中图片缓冲loading技术的实例代码
2013/08/29 Javascript
网页防止tab键的使用快速解决方法
2013/11/07 Javascript
jQuery在iframe中无法弹出对话框的解决方法
2014/01/12 Javascript
点击button获取text内容并改变样式的js实现
2014/09/09 Javascript
vue.js学习笔记之绑定style样式和class列表
2016/10/31 Javascript
使用 Javascript 实现浏览器推送提醒功能的示例
2017/11/03 Javascript
webpack 静态资源集中输出的方法示例
2018/11/09 Javascript
js常用正则表达式集锦
2019/05/17 Javascript
vue cli3.0打包上线静态资源找不到路径的解决操作
2020/08/03 Javascript
[42:25]EG vs Spirit Supermajor 败者组 BO3 第二场 6.4
2018/06/05 DOTA
[51:17]VGJ.T vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
简单的通用表达式求10乘阶示例
2014/03/03 Python
详解Python操作RabbitMQ服务器消息队列的远程结果返回
2016/06/30 Python
Python遍历pandas数据方法总结
2018/02/09 Python
python 通过logging写入日志到文件和控制台的实例
2018/04/28 Python
python f-string式格式化听语音流程讲解
2019/06/18 Python
踩坑:pytorch中eval模式下结果远差于train模式介绍
2020/06/23 Python
HTML5+CSS3实现拖放(Drag and Drop)示例
2014/07/07 HTML / CSS
英国最受信任的在线眼镜商之一:Fashion Eyewear
2019/10/31 全球购物
行政文员岗位职责
2013/11/08 职场文书
电子商务个人自荐信
2013/12/12 职场文书
大学自我鉴定范文
2013/12/26 职场文书
培训主管的职业生涯规划
2014/03/06 职场文书
公司优秀员工获奖感言
2014/08/14 职场文书
协商一致解除劳动合同协议书
2014/09/14 职场文书
计生办班子群众路线教育实践活动个人对照检查材料思想汇报
2014/10/04 职场文书
开幕式邀请函
2015/01/31 职场文书
刑事上诉状范文
2015/05/22 职场文书
浅谈Redis中的RDB快照
2021/06/29 Redis
Windows11插耳机没反应怎么办? win11耳机没声音的多种解决办法
2021/11/21 数码科技