Как узнать текущее название маршрута в Vue?

Question

Я хочу получить имя текущего маршрута vue-router, у меня есть меню компонентов с навигацией к другим компонентам, поэтому я хочу отобразить имя текущего маршрута. У меня есть это:

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

Но метка названия маршрута не меняется, метка показывает только название первого загруженного маршрута. Спасибо

EDIT:

Изображение, чтобы показать, что я хочу

Answer 1

Вы используете computed неправильно. Вы должны вернуть свойство в функцию. См. документы для получения дополнительной информации.

Вот ваш адаптированный пример:

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

Затем вы можете использовать его так:

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

Вы также можете использовать его непосредственно в шаблоне без использования вычисляемого свойства, например:

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