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

我正在使用

vue菜单

组件，并使用它在不同的路由之间切换。切换到其他路线后，我希望在下拉标题上显示当前路线名称，如下所示：

我尝试过使用生命周期方法，例如在创建、创建、装载之前使用

，

等，但是没有调用它们。如何才能达到预期效果？

您应该使用“手表”

data（）{
返回{
routeName:null，
};
},
观察：{
“$route”：“currentRoute”
},
方法：{
currentRoute（）{
这个.$nextTick（（）=>{
this.routeName=this.$route.name
});
}
},

到

vue菜单的链接是什么（github、npm等）？查看您在生命周期方法中尝试的实际代码也会很有帮助。
{{$route.name}
？请您在jfiddle上重现问题并在这里发布链接好吗？@Phil
{$route.name}
完成了这个技巧