使用vue-router切换页面时，获取上一页url以及当前页面url的方法
更新时间：2019年05月06日 16:05:25 作者：抖音
这篇文章主要介绍了使用vue-router切换页面时，获取上一页url以及当前页面url的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
今天在实现一个小功能的时候，遇到一个问题，使用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中，方法体里用this调用vue实例的数据，有时会指向window，导致调用失败报错，这篇文章主要介绍了Vue中关于this指向的问题 ,需要的朋友可以参考下2022-07-07
这篇文章主要介绍了vue 实现Web端的定位功能获取经纬度，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-08-08
不知道你有没有发现Bing AI聊天有个输入提示功能,在用户输入部分内容时后面会给出灰色提示文案,用户只要按下tab键就可以快速添加提示的后续内容,我将这个功能称为幽灵建议,接下来我将用Vue框架来实现这个功能,需要的朋友可以参考下2023-09-09
Axios 毋庸多说大家在前端开发中常用的一个发送 HTTP 请求的库，用过的都知道,篇文章主要给大家介绍了关于vue中如何简单封装axios的相关资料,需要的朋友可以参考下2021-06-06
本篇文章主要介绍了详解Vue中添加过渡效果 ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-03-03
本文主要介绍了vue+el-select 多数据分页搜索组件的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2024-12-12
今天小编就为大家分享一篇Vue 使用beforeEach实现登录状态检查功能，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-10-10
在一个列表展示页面上，使用了表格组件，原有组件本身不支持拖拽功能，需求要求在列表的基础上支持行拖拽排序，因此引入了www.sortablejs.com插件，接下来通过本文给大家讲解Vue 结合Sortablejs实现table行排序功能,需要的朋友可以参考下2022-10-10
Socket.io将Websocket和轮询机制以及其它的实时通信方式封装成了通用的接口,并且在服务端实现了这些实时机制的相应代码,下面这篇文章主要给大家介绍了关于vue3使用socket.io踩坑的相关资料,需要的朋友可以参考下2023-03-03
随着人工智能的发展，图像识别和人脸识别技术已经被广泛应用于各种应用程序中，Vue为我们提供了许多实用工具和库，可以帮助我们在应用程序中进行图像识别和人脸识别，在本文中，我们将介绍如何使用Vue进行图像识别和人脸对比,需要的朋友可以参考下2023-06-06
最新评论