vue 获取当前路由地址
1、router和$route的区别
$router: 路由操作对象,只写。需要对路由进行操作时使用。如路由跳转
$route: 路由信息对象,只读。获取路由相关信息时使用。如获取当前路由地址
2、获取当前路由地址:
this.$route.path -----------// /index
原生方法:
window.location.href --------------------// 整个地址 http://…
3、获取路由参数(query/params传参):
query传参时:
路由跳转:
this.$router.push({ name: ‘name’, query: { id: ‘1234’, data: ‘4567’ } })
获取参数:
this.$route.query
params传参时:
路由跳转:
this.$router.push({ name: ‘name’, params: { id: ‘1234’, data: ‘4567’ } })
获取参数:
this.$route.params