vue 获取当前路由地址
1、router和$route的区别
$router: 路由操作对象,只写。需要对路由进行操作时使用。如路由跳转
$route: 路由信息对象,只读。获取路由相关信息时使用。如获取当前路由地址

2、获取当前路由地址:

this.$route.path

原生方法:

window.location.href

3、获取路由参数(query/params传参):
query传参时:

路由跳转:
this.$router.push({ name: 'name', query: { id: '123', data: '456' } })

获取参数:
this.$route.query

params传参时:

路由跳转:
this.$router.push({ name: 'name', params: { id: '123', data: '456' } })

获取参数:
this.$route.params

如果对你有帮助,记得点个赞噢(~~)

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐