vue this.$router六种方法使用示例总结分析
更新时间：2023年06月25日 11:51:12 作者：扶得一人醉如苏沐晨
这篇文章主要为大家介绍了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方法使用的资料请关注脚本之家其它相关文章！
相关文章
这篇文章主要介绍了浅谈vux之x-input使用以及源码解读，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-11-11
今天小编就为大家分享一篇vue 利用路由守卫判断是否登录的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
给大家带来一篇关于用nodejs实现excel文件的读取并去重的功能，有兴趣的朋友参考学习下。2018-04-04
这篇文章主要为大家详细介绍了vue.js实现只能输入数字的输入框，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-10-10
Vue是用于构建用户界面的渐进式JavaScript框架。特色：构建用户界面—数据变成界面；渐进式—Vue可以自底向上逐层的应用。VUE有两种使用方式，一种实在html中直接使用vue做开发，一种是企业级的单页面应用。2023-02-02
柱状图是比较常用的图形结构,下面这篇文章主要介绍了Vue3中实现Chart.js柱状图的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2025-08-08
这篇文章主要介绍了element中el-select的使用及说明，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-01-01
这篇文章主要介绍了vue实现在data里引入相对路径，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-06-06
在现代的前端开发中,我们经常需要使用一些第三方的外部脚本或库,尤其是像地图、图表、分析工具等,在 Vue 项目中,有多种方式可以引入外部脚本,本文将详细介绍在 Vue 项目中引入外部脚本的几种常见方法,需要的朋友可以参考下2025-01-01
这篇文章主要介绍了Vue3中配置404路由及懒加载的解决过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2025-04-04
最新评论