vue中如何获取当前路由name
更新时间：2022年10月17日 10:22:50 作者：Sunny_lxm
这篇文章主要介绍了vue中如何获取当前路由name，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
vue获取当前路由name
this.$route.name
问题背景
在当前项目中，1处按钮是公用按钮，需求是在指定的页面点击“返回首页”时，获取该指定页面的name值
methods:{
back(){
console.log(this.$route.name)
this.$router.push({name:'memberCenterIndex'});
}
}打印一下可以看到当前点击的页面name 值
想要path的话 this.$route.path 记过打印一下：/couponsActive。
vue路由中name的作用
可以使用nam进行路由跳转
如果不加name keep-alive 可能会产生一些未知的错误
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
Vue实现导出Excel表格文件提示“文件已损坏无法打开”的解决方法
xlsx用于读取解析和写入Excel文件的JavaScript库,它提供了一系列的API处理Excel文件,使用该库,可以将数据转换Excel文件并下载到本地,适用于在前端直接生成Excel文件,这篇文章主要介绍了Vue实现导出Excel表格,提示文件已损坏,无法打开的解决方法,需要的朋友可以参考下2024-01-01
在网上搜索了Vuejs2.0 动态级联select许久未果，决定自己总结一下自己的经验，有关select在Vue.js 2.0版本中的应用，需要的朋友可以参考下2017-03-03
这篇文章主要介绍了vue 实现可拖曳的树状结构图，帮助大家更好的理解和学习使用vue框架，感兴趣的朋友可以了解下2021-04-04
在vue3中, 提供了一个 useAttrs 的方法它接收到的参数一 prop中可以接收到的数据是基本一样的如果我们想自已写一个组件, 把 elementPlus 中的期中一个组件封装一下,这篇文章主要介绍了vue3中的useAttrs和props的区别,需要的朋友可以参考下2023-09-09
这篇文章主要介绍了vue中async-await的使用误区,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2018-12-12
这篇文章主要为大家介绍了Vue中使用Teleport的方法示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-08-08
Vue项目从webpack3.x升级webpack4不完全指南
前段时间，泡面将自己的一个Vue-cli构建的前端框架从webpack3.x升级到了4.x版本，现在才拉出来记录一下，已备忘之用，也和大家分享一下,需要的朋友可以参考下2019-04-04
这篇文章主要介绍了vue使用jsencrypt实现rsa前端加密,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-09-09
本文主要介绍了vue3清空reactive的四种方式,包含使用 Object.assign,使用 Object.keys 和 for...in 循环,使用 delete 操作符和重新赋值4种,感兴趣的可以了解一下2024-03-03
这篇文章主要介绍了vue2之简易的pc端短信验证码的问题,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2019-06-06
最新评论