Vue

您所在的位置:网站首页 thisroutergo Vue

Vue

2023-04-01 03:28| 来源: 网络整理| 查看: 265

一、标记对的属性

1、to:用来指定链接跳转的目标路由

   (1)使用路由地址(to="/contact")。

   (2)使用路由名称(:to="{name:'contact'}")。

2、tag:用来指定最终以什么标记对的形式出现在页面中,默认值为a。

3、event:用来指定触发进入目标路由的行为,默认值为click。

4、exact:【放置型数据】用来指定路由的匹配模式是“精确匹配”还是“全局匹配”。

5、replace:【放置型属性】用来指定路由是否存入历史记录。若不进入历史记录就无法使用浏览器的后退功能进行反向导航。

6、active-class:确定全局匹配模式下当前激活路由要满足的类名,默认值为router-link-active。

7、exact-active-class:确定精确匹配模式下当下激活路由要满足的类名,默认值为router-link-exact-active。

二、this.$route:

1、path:"/course",返回当前路由的路由地址。

2、name:"courseDetail",返回当前路由的路由名称。

3、meta:{},返回路由项的元数据。

4、fullPath:"/course?courseld=1",返回当前路由的带有路由参数的完整路由地址。

5、params:{},返回带有参数路由的params参数。

6、query{},返回带有参数的路由的query参数。

三、this.$router:

1、this.$router.push():路由跳转,路由地址收录至历史记录中。

2、this.$router.replace():路由跳转,路由地址不会收录至历史记录中。

3、this.$router.go(n):路由跳转,从当前路由开始后退(n0)跳转几个路由的历史记录项。

4、this.$router.back():后退路由地址。

5、this.router.forward():前进路由地址。

6、this.$router.getRoutes():返回当前路由表中的所有路由项。

7、this.$router.addRoute():向路由表中添加一级路由和二级子路由。

8、router.beforeEach():为路由对象添加全局前置守卫。

9、router.beforeResolve():为路由对象添加全局解析守卫。

10、router.afterEach():为路由对象添加全局后置守卫。

 

 

   



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3