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

Vue.js

Near神无Pro

2020-03-16

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

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

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

第1673篇《如何在Nuxt.js中获取当前路线名称？》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共2个回答
小胖路易神无 2020.03.16

是的，您可以使用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

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

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android