前端笔记(11) Vue3 Router 编程式导航 router.push router.replace(前端笔记软件)

编辑：rootadmin

前端笔记(11) Vue3 Router 编程式导航 router.push router.replace 什么是编程式导航？

推荐整理分享前端笔记(11) Vue3 Router 编程式导航 router.push router.replace(前端笔记软件)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:前端笔记本推荐,前端笔记本电脑排行,前端笔记本电脑推荐,前端笔记整理pdf,前端笔记本电脑推荐,前端笔记本推荐知乎,前端笔记整理,前端笔记本推荐,内容如对您有帮助，希望把文章链接给更多的朋友！

在上篇博客Vue3 Router 监听路由参数变化中，我们使用 <router-link> 创建 a 标签来定义导航链接：

<router-link to="/about"> 【about】 </router-link><router-link to="/home"> 【home】 </router-link>

除了 <router-link>，我们还可以借助 router 的实例方法，通过编写代码来实现：

1：跳转到指定路径router.push('/users/eduardo')2：替换当前路径router.replace({ path: '/home' })3：横跨历史router.go(1)//向前移动一条记录，与 router.forward() 相同router.go(-1)//返回一条记录，与 router.back() 相同router.push

router.push方法会向 history 栈添加一个新的记录，所以，当用户点击浏览器后退按钮时，会回到之前的 URL。

本文链接地址:https://www.jiuchutong.com/zhishi/297451.html 转载请保留说明！

上一篇：学习Canvas基础-绘制矩形(canvas软件教程)

下一篇：React-DevTools开发者工具安装(react devtools)