×

vue router outer router

vue router怎么获得当前页面的路由?关于vue-router跳转问题

admin admin 发表于2022-06-24 10:18:12 浏览122 评论0

抢沙发发表评论

vue router怎么获得当前页面的路由


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

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

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

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

如属性 说明:

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

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

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


关于vue-router跳转问题


建议你这样试试看:

  1. 登录页跳转到A页面的时候使用router.replace方法, 替换掉当前的路由栈

  2. 在A页面写路由守卫beforeRouteLeave钩子函数,判断将要去的页面是否为登录页面,如果是则不执行next方法

两种方式的优劣

  • 第一种方式比较简单直接,而且代码较容易维护

  • 第二种路由守卫的方式虽然可以解决问题单有点杀鸡用牛刀的意味了,针对你的需求,从代码维护角度考虑,有点成本。

建议过一遍vue-router 文档


router是什么意思


这里的router的中文意思是路由器。

词汇分析

音标:英 [’ruːtə(r)]  美 [’rʊtɚ] 

释义:n. [计] 路由器;刳刨者

短语

Router Solicitation 路由器请求 ; 路由请求 ; 路由器哀求 ; 路由器恳求

Router advertisement 路由器通告 ; 路由器宣告 ; 路由器公告 ; 路由通告

core router 核心路由器 ; 骨干路由器 ; 心路由器 ; 核心路由

Multiprotocol Router 多协议路由器 ; 路由器 ; 多和谈路由器

Router dvertisement 路由器公告

拓展资料

1、Plug it into your router. 

把它插到你的路由器里。

2、The router receives the packet from the computer on the stub domain. 

路由器收到来自存根域的这台计算机发送的数据包。

3、The server should be behind a firewall or a router capable of blocking ports. 

服务器应该位于防火墙或能阻塞端口的路由器之后。

4、You can create an access list of IP addresses that tells the router which  computers on the network require NAT. -router

你可以创建一个IP地址列表来告诉路由器网路中的哪些计算机需要NAT 服务。

5、Some defined set of criteria determines where a router sends the message. 

某些既定的标准决定路由器将把信息发送到哪里。