1. ホーム
  2. vue.js

[解決済み] Vueでルートの現在の名前を取得する方法は?

2023-03-17 21:13:49

質問

私はvue-routerの現在のルートの名前を取得したい、私は別のコンポーネントへのナビゲーションを持つコンポーネントメニューを持っているので、私は現在のルートの名前を表示したい。 私はこれを持っています。

created(){
    this.currentRoute;
    //this.nombreRuta = this.$route.name;
},
computed:{
    currentRoute:{
        get(){
            this.nombreRuta = this.$route.name;
        }
    }
}

しかし、ルート名のラベルは変更されず、ラベルには最初にロードされたルートの名前のみが表示されます。 ありがとうございます。

EDITです。

画像は、私が欲しいものを示すために

どのように解決するのですか?

あなたが使用している computed の使い方が間違っています。関数の中でプロパティを返す必要があります。参照 ドキュメント を参照してください。

あなたの適応した例です。

computed: {
    currentRouteName() {
        return this.$route.name;
    }
}

すると、このように使うことができます。

<div>{{ currentRouteName }}</div>

また、このようにcomputed propertyを使わずに直接テンプレートで使用することもできます。

<div>{{ $route.name }}</div>