vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > vue this.$router方法使用

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方法使用的资料请关注脚本之家其它相关文章!

您可能感兴趣的文章:
阅读全文