vue.js - 如何在 Vue 中获取当前路由的名称?
问题描述
我想获取 vue-router 当前路由的名称,我有一个组件菜单可以导航到另一个组件,所以我想显示当前路由的名称。我有这个:
created(){
this.currentRoute;
//this.nombreRuta = this.$route.name;
},
computed:{
currentRoute:{
get(){
this.nombreRuta = this.$route.name;
}
}
}
但是路由名称的标签并没有改变,标签只显示第一个加载的路由的名称。谢谢你
编辑:
显示我想要的图像
解决方案
您使用computed
不正确。您应该在函数中返回属性。有关更多信息,请参阅文档。
这是您改编的示例:
computed: {
currentRouteName() {
return this.$route.name;
}
}
然后你可以像这样使用它:
<div>{{ currentRouteName }}</div>
您也可以直接在模板中使用它而不使用计算属性,如下所示:
<div>{{ $route.name }}</div>
推荐阅读
- json - 第 6 行有什么问题导致解析错误?
- javascript - 带有类的属性的Jquery单击事件
- adapter - 接收位置上的 SFTP 适配器不拾取没有扩展名的文件
- python - Python Pandas:有效地将 1 Col(系列)粘贴到 pd.df w/ >1 Cols 的底部;新行的其他列应该为空
- amazon-s3 - Redshift COPY 命令无法从 S3 加载数据
- java - Finder 功能不起作用,Base Adapter 调用 NullPointer
- java - 如果在 beforeSave 上验证了实体,则 Spring 数据休息会抛出 Lazy
- regex - 我在数组 [{"$regex":/name/i}] 中有一个 RegEXP 字典
- angular - 触发事件时立即更新选择下拉列表
- php - Codeigniter:将商品添加到购物车不起作用