uniapp的各种跳转

已于 2023-02-11 09:55:49 修改
阅读量1.8k 收藏 3
点赞数
分类专栏： uniapp 文章标签： uni-app 前端
于 2022-04-27 16:05:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/stars______/article/details/124452162
版权

uni.navigateTo()          保留当前页面并跳转

uni.redirectTo()           关闭当前页面并跳转

uni.reLaunch()            关闭所有页面并跳转

uni.switchTab()           跳转tabBar页面，并关闭其他所有非tabBar页面

uni.navigateBack()     关闭当前页面返回上一页或多页

 h5端刷新后页面栈会消失，此时navigateBack不能返回，如果一定要返回可以使用history.back()导航到浏览器的其他历史记录。

秃头黑魔仙
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uni-app H5 页面跳转问题 刷新之后页面栈消失
qq_42420412的博客
02-24 2873
问题描述： 开发h5时要求从某个页面直接跳转到tab首页，并且要清空之前的页面栈。试了下relaunch跳转也没用。 解决方案： 使用navigateBack就可以达到跳转的目的，但是如果浏览器页面刷新，这个方法就是失效了。 可以使用getCurrentPages方法可以获取当前页面的实例，判断页面是否刷新。再对两种跳转情况进行处理。 const pages = getCurrentPages() if (pages && pages.length > 1) { uni
uni-app——uniapp 跳转到其它页面后，关闭当前页面
qq_43201350的博客
04-05 753
uni-app——uniapp 跳转到其它页面后，关闭当前页面
uniapp实现h5页面直接关闭微信浏览器
最新发布
m0_73363632的博客
05-09 342
uniapp实现h5页面直接关闭微信浏览器
uniapp的跳转页面后uni.showToast不显示问题记录
柑橘乌云_
02-08 1999
解决办法一：定时器 解决办法二：用一个标识去实现 A页面跳转至B页面，B页面回退去修改全局的一个标识，然后在A页面onshow去做这个标识的判断。
uniapp不显示返回箭头
duancsdn的博客
01-14 6085
在开发uniapp跳转到第二个页面不显示返回箭头，而且配置自定义返回按钮时直接提示“是否退出应用”，多方检查原来在跳转页面时用了 uni.redirectTo({ url: 'test?id=1' }); 这种跳转方式关闭当前页面，跳转到应用内的某个页面，当前页面被关闭，如果返回只能时退出应用了。 ...
uniapp页面跳转
dxn16638400024的博客
09-10 635
在上述代码中，'pages/secondPage'是需要跳转的目标页面的路径，路径的书写规则要根据你的项目结构来确定。1.uni.navigateTo：该方法会保留当前页面，并跳转到应用内的另一个页面。2.uni.redirectTo：该方法会关闭当前页面，并跳转到应用内的另一个页面。此外，在uniapp中还可以使用其他方法进行页面跳转，具体使用方法可参考UniApp官方文档，本文就不一一赘述了。在UniApp中，你可以使用uni.navigateTo或uni.redirectTo方法进行页面跳转。
uni-app几种常见的页面跳转方式
m0_59642018的博客
12-15 1510
跳转到应用内的底部 Tab 页面，并关闭其他非 Tab 页面。：关闭当前页面，跳转到应用内的某个页面，不可返回上一级页面。：保留当前页面，跳转到应用内的某个页面，可返回上一级页面。：关闭所有页面，打开应用内的某个页面。：返回上一级页面或多级页面。：跳转到其他小程序。
UNIAPP安卓NFC写入包名跳转APP
07-07
UNIAPP里面的插件市场和文档对于NFC的支持非常少，包括网址的写入和包名的写入基本上没有，最近刚好有这方面的需求，就花了不少时间研究这个东西，然后把他整出来了，希望能帮到你们，...uniapp nfc写入包名跳转应用
Uniapp支付链转二维码
07-31
【Uniapp】支付链转二维码，详情请看博客：https://taila.blog.csdn.net/article/details/132016878
uniapp 开发原生插件
02-24
uniapp 开发原生插件
Uniapp 底部导航栏 自定义 tabBar 全端 全页面引用跳转 组件
09-23
自定义tabbar底部导航栏，简洁，方便，二开 使用教程 将组件拷贝到uni_modules目录内，然后其他页面进行引用即可 <TC-tabBar :zhi="zhi"></TC-tabBar> </template>
跳转到指定页面元素位置
01-08
跳转到指定页面元素位置 校验页面元素，点击之后跳转到指定位置 export const getElementTop = (element:any):any => { //元素距离屏幕浏览器上方距离，如果页面元素滑上去，就是负数 element dom元素 let ...
uniapp的几种跳转方式
每天都想吃好吃的
11-08 4255
1、UniApp是一个跨平台的应用开发框架，可以用于开发同时支持多个平台（如iOS、Android、H5等）的应用程序。在UniApp中，有多种方式可以实现页面之间的跳转。这是最常用的页面跳转方式。方法，你可以关闭当前页面并打开新页面。这通常用于在不需要返回上一页的情况下进行页面跳转。这些是UniApp中常用的页面跳转方式。你可以根据你的应用需求选择适合的跳转方式。如果你的应用有底部导航栏（TabBar），你可以使用。如果你需要在应用中嵌入Web页面，可以使用。参数将数据传递给目标页面，然后在目标页面的。
uni-app路由跳转（redirectTo、navigateTo）失败
s_156的博客
04-07 2955
问题：在页面中给按钮添加路由跳转事件，但是点击后并没有跳转，路由地址也没有变化 解决：redirectTo、navigateTo方法中的url属性值前面应该加上/,由于是直接从pages里面复制的，开头不带/，所以无法跳转。 另外：如果url是/开头的，但点击还是没有反应的话，看一下是不是在pages.json里面的pages属性中添加了该路径。 ...
uniapp 跳转页面 和 记录一些其他的坑
paidaboluo的博客
09-08 826
uniapp 跳转页面 和 记录一些其他的坑
关于uniapp的一些使用小技巧
weixin_41174718的博客
06-26 623
例如，您可以选择将其添加到首页或搜索栏中，或者您可以将其添加到每个页面中。例如，如果您想要查找“uniapp”，则可以输入“uniapp”并单击“搜索”按钮。如果您想在 uniapp中设置提醒，您可以单击“我的”，然后选择“设置”。如果你想添加一个链接到你的应用程序，你可以点击“+”号按钮并选择你想要添加的链接。如果您想要查找特定的网站，请在搜索框中输入您想要搜索的网站名称，然后按下回车键来查找。如果你想关闭 uniapp中不需要的网站，可以点击“所有网站”，然后从弹出菜单中选择“关闭所有网站”。
uni-app6种跳转方式
慢慢爬的虫的博客
03-04 2899
学习uniapp的一些总结
uniapp | 搜索页 显示或清除历史记录 | 代码分析
qq_42376600的博客
01-27 2791
uniapp 搜索页实现显示和更新历史记录、清除全部历史记录的功能
uniapp页面跳转的几种方法和区别
weixin_46256404的博客
06-21 733
uniapp页面跳转的几种方法和区别
uniapp 路由跳转
09-01
在 UniApp 中，你可以使用 `uni.navigateTo` 来进行页面跳转。 示例代码如下： ```js uni.navigateTo({ url: '/pages/example/example' // 要跳转的页面路径 }); ``` 你可以将 `/pages/example/example` 替换为...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值