如何在Nuxt.js中获取当前路线名称?

我正在使用Nuxt.js构建静态网站。

如何访问script当前显示的路线名称的组件代码(我想避免从浏览器位置读取直接URL)?

我可以以某种方式访问$route.name吗?

小胖路易神无2020/03/16 10:10:30

是的,您可以使用vuejs路由对象,例如$route.name$route.path

$nuxt.$route.path

返回当前路径

$nuxt.$route.name

当前路由的名称(如果有)。

路线对象属性

路由对象表示当前活动路由的状态。它包含当前URL的解析信息以及该URL匹配的路由记录。

  • $ route.path

    • 类型:字符串

    • 等于当前路径路径的字符串,始终解析为绝对路径。例如“ / foo / bar”。

  • $ route.fullPath

    • 类型:字符串

    • 完整的解析URL,包括查询和哈希。

**

如果您想获取url参数。像这样: 在此处输入图片说明 您这样做:

  data() {
    return {
       zone: this.$nuxt.$route.query.zone,
       jour: this.$nuxt.$route.query.jour

    }   },

**

Mandy古一2020/03/16 10:10:30

一种替代方法是使用以下任一方法:

  • this.$route.path→上的示例http://localhost:3000{{this.$route.path}}将打印/
  • this.$route.name→上的示例http://localhost:3000{{this.$route.name}}将打印index