位置: IT常识 - 正文
推荐整理分享前端笔记(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.pushrouter.push方法会向 history 栈添加一个新的记录,所以,当用户点击浏览器后退按钮时,会回到之前的 URL。
上一篇:学习Canvas基础-绘制矩形(canvas软件教程)
下一篇:React-DevTools开发者工具安装(react devtools)
友情链接: 武汉网站建设