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

2019年3月9日土曜日

Nuxt.js Vue.js

t f B! P L

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

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

ルート名の取得方法

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

[サンプルコード]

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

サンプル実行例

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

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

プロパティ
$route.name index
$route.path /

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

プロパティ
$route.name examle
$route.path /examle
スポンサーリンク

QooQ