Vue中如何通过当前路由对象获取其名称?

2026-06-10 10:421阅读0评论SEO资源
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计256个文字,预计阅读时间需要2分钟。

Vue中如何通过当前路由对象获取其名称?

目录 + Vue获取当前路由name + 问题背景 + Vue中name的作用 + Vue获取当前路由name + this.$route.name + 问题背景 + 在当前项目中,1级按钮是通用按钮,需求是在指定的页面点击该按钮时,获取该按钮对应的页面name +

目录
  • vue获取当前路由name
    • 问题背景
  • vue路由中name的作用

    vue获取当前路由name

    this.$route.name

    Vue中如何通过当前路由对象获取其名称?

    问题背景

    在当前项目中,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 可能会产生一些未知的错误

    以上为个人经验,希望能给大家一个参考,也希望大家多多支持易盾网络。

    本文共计256个文字,预计阅读时间需要2分钟。

    Vue中如何通过当前路由对象获取其名称?

    目录 + Vue获取当前路由name + 问题背景 + Vue中name的作用 + Vue获取当前路由name + this.$route.name + 问题背景 + 在当前项目中,1级按钮是通用按钮,需求是在指定的页面点击该按钮时,获取该按钮对应的页面name +

    目录
    • vue获取当前路由name
      • 问题背景
    • vue路由中name的作用

      vue获取当前路由name

      this.$route.name

      Vue中如何通过当前路由对象获取其名称?

      问题背景

      在当前项目中,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 可能会产生一些未知的错误

      以上为个人经验,希望能给大家一个参考,也希望大家多多支持易盾网络。