Nuxt.js 現在のルート(route)名を取得する

Nuxt.jsで、現在アクセスされているページのルート(route)名を取得する方法です。

スポンサーリンク

ルート名の取得方法

現在アクセスされているページのルート名は、$route.nameで取得する事ができます。
また、$route.pathという物もあり、こちらは現在アクセスされているURLのパスを取得できます。

[サンプルコード]

mounted() {
   console.log( this.$route.path )
}

サンプル実行例

では、実際にどのような値が返ってくるのか、表にまとめてみました。

http://localhost:3000 にアクセスした場合

http://localhost:3000/examle にアクセスした場合