vue.js - Vuejs 获取当前路由名称并显示在菜单上

Question

我正在使用该vue-menu组件，并使用它在不同的路线之间切换。切换到另一条路线后，我想在下拉标题中显示当前路线名称，如下所示：

我尝试使用诸如beforeCreate , created, mounted...etc 之类的生命周期方法，但没有一个被调用。我怎样才能达到预期的效果？

标签： vue.jsvue-routervuetify.js

Answer 1

你应该使用“手表”

data() {
    return {
        routeName: null,
    };
},

watch: {
    '$route': 'currentRoute'
},

methods: {
    currentRoute() {
        this.$nextTick(() => {
            this.routeName = this.$route.name
        });
    }
},