随机收藏js css htmlVue.js

this.$router的五种方法总结

2022-06-03  本文已影响0人  扶得一人醉如苏沐晨

1、this.$router.addroute()

addRoute 添加一条新的路由记录作为现有路由的子路由,如果路由有一个name, 并且已经有一个与之名字相同的路由,它会先删除之前的路由;

2、this.$router.addroutes()

this.$router.addRoutes(routes: Array<RouteConfig>)

动态添加更多的路由规则。参数必须是一个符合 routes 选项要求的数组。

3、this.$router.push()

描述:跳转到不同的url,但这个方法回向history栈添加一个记录,点击后退会返回到上一个页面。

四种情况:


4、this.$router.replace()

它的作用类似于 router.push,唯一不同的是,它在导航时不会向 history 添加新记录,正如它的名字所暗示的那样——它取代了当前的条目。



5、this.$router.go(n)

该方法采用一个整数作为参数,表示在历史堆栈中前进或后退多少步,类似于 window.history.go(n)。



6、this.$router.resolve

当遇到需要在点击事件或函数中实现,新窗口打开新页面

上一篇下一篇

猜你喜欢

热点阅读