页面路由: 应用程序中实现不同页面之间的跳转和数据传递。
Router有两种页面跳转模式
1.router.pushUrl() 目标耶不会被替换当前页,而是压入页面栈,可以使用router.back()返回当前页
2.router.replaceUrl() 目标替换当前页,当前页会被销毁并释放资源,无法返回当前页
Router有两种页面实例模式
1.Standard:标准实例模式,每次跳转都会新建一个目标页并压入栈顶。默认就是这种模式
2.Single:单实例模式,如果目标页已经在栈中,则离栈顶最近的同Url页面会被移动到栈顶并重新并重新加载
案例使用
1.导入HarmonyOS提供的Router模块
import router from "@ohos.router"
2.然后利用router实现跳转,返回等操作
router.pushUrl({
url:"pages/user/setting/theme/Index",
params:{id:1}
},
router.RouterMode.Single,
err=>{
if(err){
console.log(err)
}
})
注意事项:
1.页面路由是有页面栈,所以他不是无限容量,他的最大容量是32个页面,所以需要使用router.clear()方法可以清空页面栈,释放内存
2.使用router跳转页面时,url里的路径需要渠道resouce/base/profile/main_pages.json中配置。否则编辑器将找不到你要显示的页面
✨ 踩坑不易,还希望各位大佬支持一下 \textcolor{gray}{踩坑不易,还希望各位大佬支持一下} 踩坑不易,还希望各位大佬支持一下
📃 个人主页: \textcolor{green}{个人主页:} 个人主页: 沉默小管
📃 个人网站: \textcolor{green}{个人网站:} 个人网站: 沉默小管
📃 个人导航网站: \textcolor{green}{个人导航网站:} 个人导航网站: 沉默小管导航网
📃 我的开源项目: \textcolor{green}{我的开源项目:} 我的开源项目: vueCms.cn
🔥 技术交流 Q Q 群: 837051545 \textcolor{green}{技术交流QQ群:837051545} 技术交流QQ群:837051545
👍 点赞,你的认可是我创作的动力! \textcolor{green}{点赞,你的认可是我创作的动力!} 点赞,你的认可是我创作的动力!
⭐️ 收藏,你的青睐是我努力的方向! \textcolor{green}{收藏,你的青睐是我努力的方向!} 收藏,你的青睐是我努力的方向!
✏️ 评论,你的意见是我进步的财富! \textcolor{green}{评论,你的意见是我进步的财富!} 评论,你的意见是我进步的财富!
如果有不懂可以留言,我看到了应该会回复
如有错误,请多多指教