Nuxt 2 および 3 で現在のルート名を取得するにはどうすればいいですか? 質問する

Nuxt 2 および 3 で現在のルート名を取得するにはどうすればいいですか? 質問する

静的 Web サイトの構築に Nuxt.js を使用しています。

コンポーネントのscriptコードで現在表示されているルート名にアクセスするにはどうすればよいでしょうか (ブラウザの場所から直接 URL を読み取ることは避けたい)?

どうにかしてアクセスできますか$route.name

ベストアンサー1

Nuxt2では

はい、vuejsルートオブジェクトを使用できます$route.name$route.path

$nuxt.$route.path

現在のパスを返す

$nuxt.$route.name

現在のルートの名前(ある場合)。

ルートオブジェクトのプロパティ

ルート オブジェクトは、現在アクティブなルートの状態を表します。現在の URL の解析された情報と、URL に一致するルート レコードが含まれます。

  • $ルートパス

  • タイプ: 文字列

  • 現在のルートのパスに等しい文字列。常に絶対パスとして解決されます。例: "/foo/bar"。

  • $ルート.フルパス

  • タイプ: 文字列

  • クエリとハッシュを含む完全に解決された URL。

**

URL パラメータを取得したい場合は、次のようにします。ここに画像の説明を入力してくださいこれをして:

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

**

おすすめ記事