vue this.$router六种方法使用示例总结分析
作者:扶得一人醉如苏沐晨
这篇文章主要为大家介绍了vue this.$router六种方法使用示例总结分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
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
当遇到需要在点击事件或函数中实现,新窗口打开新页面
以上就是this.$router六种方法使用示例总结分析的详细内容,更多关于this.$router方法使用的资料请关注脚本之家其它相关文章!