使用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 相关文章推荐
javascript replace方法与正则表达式
Feb 19 Javascript
jquery 事件执行检测代码
Dec 09 Javascript
让人期待的2011年度最佳 jQuery 插件分享
Mar 16 Javascript
动态获取复选框checkbox选中个数的jquery代码
Jun 25 Javascript
调用HttpHanlder的几种返回方式小结
Dec 20 Javascript
教你如何使用PHP输出中文JSON字符串
May 22 Javascript
node.js中的fs.fsync方法使用说明
Dec 15 Javascript
js超时调用setTimeout和间歇调用setInterval实例分析
Jan 28 Javascript
TypeOf这些知识点你了解吗
Feb 21 Javascript
angularjs ui-router中路由的二级嵌套
Mar 10 Javascript
详解如何让InstantClick兼容MathJax、百度统计等
Sep 12 Javascript
用React-Native+Mobx做一个迷你水果商城APP(附源码)
Dec 25 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代码技巧的小结
2013/06/02 PHP
PHP实现简单搜歌的方法
2015/07/28 PHP
JavaScript asp.net 获取当前超链接中的文本
2009/04/14 Javascript
用js写了一个类似php的print_r输出换行功能
2013/02/18 Javascript
jquery 鼠标滑动显示详情应用示例
2014/01/24 Javascript
JavaScript的内存释放问题详解
2015/01/21 Javascript
uploadify多文件上传参数设置技巧
2015/11/16 Javascript
JavaScript数据绑定实现一个简单的 MVVM 库
2016/04/08 Javascript
zepto与jquery的区别及zepto的不同使用8条小结
2016/07/28 Javascript
vue-cli 3.0 自定义vue.config.js文件,多页构建的方法
2018/09/19 Javascript
对Layer UI 模块化的用法详解
2019/09/26 Javascript
p5.js实现动态图形临摹
2019/10/23 Javascript
node.js中stream流中可读流和可写流的实现与使用方法实例分析
2020/02/13 Javascript
[01:31](回顾)杀出重围,决战TI之巅
2014/07/01 DOTA
python 七种邮件内容发送方法实例
2014/04/22 Python
python网络编程学习笔记(八):XML生成与解析(DOM、ElementTree)
2014/06/09 Python
浅谈Python数据类型之间的转换
2016/06/08 Python
关于Python面向对象编程的知识点总结
2017/02/14 Python
Python使用matplotlib绘图无法显示中文问题的解决方法
2018/03/14 Python
python批量设置多个Excel文件页眉页脚的脚本
2018/03/14 Python
python读取LMDB中图像的方法
2018/07/02 Python
Python实现Wordcloud生成词云图的示例
2020/03/30 Python
keras分类模型中的输入数据与标签的维度实例
2020/07/03 Python
python3 中时间戳、时间、日期的转换和加减操作
2020/07/14 Python
Python性能测试工具Locust安装及使用
2020/12/01 Python
CSS+jQuery实现的在线答题功能
2015/04/25 HTML / CSS
css3的过滤效果简单实例
2016/08/03 HTML / CSS
大一学生职业生涯规划
2014/03/11 职场文书
期中考试反思800字
2014/05/01 职场文书
群众路线教育实践活动心得体会(教师)
2014/10/31 职场文书
小学运动会开幕词
2015/01/28 职场文书
如何写好开幕词?
2019/06/24 职场文书
送给自己的励志语句:要安静的优秀,悄无声息的坚强
2019/11/26 职场文书
Pytorch 使用tensor特定条件判断索引
2021/04/08 Python
详解Nginx 被动检查服务器的存活状态
2021/10/16 Servers
Win11右下角图标点了没反应怎么办?Win11点击右下角图标无反应解决方法汇总
2022/07/07 数码科技