用vue router如何获得当前页面的路由的方法如下:

路由器将自渲染对应的组件以及更新路由信息:

其中可以传递props,支持v-ref,同时也可以使用v-transition和transition-mode来获得场景切换效果,被渲染的组件将注册到父级组件的this.$对象上。

路由对象和路由匹配:路由对象,即$router会被注入每个组件中,可以利用它进行一些信息的获取。

如属性说明:

$route.path当前路由对象的路径,如'/vi$route.query请求参数,如/foo?user=1获取到query.user = 1$route.router所属路由器以及所属组件信息$route.matched数组,包含当前匹配的路径中所包含的所有片段所对应的配置参数对象。$route.name当前路径名字

当然,你也可以在自己定义路由规则(map)的时候自定义字段,用以特殊目的。

这里只是做了一些简单的介绍,最后,更多高级用法请参考官方文档。

Logo

前往低代码交流专区

更多推荐