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+Antv F2实现混合图表

    Vue+Antv F2实现混合图表

    这篇文章主要为大家详细介绍了Vue+Antv F2实现混合图表,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • Vue折叠面板组件的封装

    Vue折叠面板组件的封装

    这篇文章主要为大家详细介绍了Vue折叠面板组件的封装,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • 如何使用vue实现跨域访问第三方http请求

    如何使用vue实现跨域访问第三方http请求

    这篇文章主要介绍了如何使用vue实现跨域访问第三方http请求,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2024-03-03
  • vue-cli开发环境实现跨域请求的方法

    vue-cli开发环境实现跨域请求的方法

    本篇文章主要介绍了vue-cli开发环境实现跨域请求的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-04-04
  • Element Plus在el-form-item中设置justify-content无效的解决方案

    Element Plus在el-form-item中设置justify-content无效的解决方案

    这篇文章主要介绍了Element Plus在el-form-item中设置justify-content无效的解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-10-10
  • vue中使用swiper,左右箭头点击没有效果问题及解决

    vue中使用swiper,左右箭头点击没有效果问题及解决

    这篇文章主要介绍了vue中使用swiper,左右箭头点击没有效果问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-05-05
  • Vue通过for循环随机生成不同的颜色或随机数的实例

    Vue通过for循环随机生成不同的颜色或随机数的实例

    今天小编就为大家分享一篇Vue通过for循环随机生成不同的颜色或随机数的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-11-11
  • 简单聊一聊Vue3组件更新过程

    简单聊一聊Vue3组件更新过程

    我们不光要学会Vue的组件化实现过程,还要懂得组件数据发生变化,更新组件的过程,这篇文章主要给大家介绍了关于Vue3组件更新过程的相关资料,需要的朋友可以参考下
    2022-04-04
  • Vue3如何获取来源路由

    Vue3如何获取来源路由

    这篇文章主要介绍了Vue3如何获取来源路由问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-07-07
  • vue用BMap百度地图实现即时搜索功能

    vue用BMap百度地图实现即时搜索功能

    这篇文章主要为大家详细介绍了vue用BMap百度地图实现即时搜索功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-09-09

最新评论