wx.navigateTo

正常 A -> B -> C 都是通过 wx.navigateTo 跳转的,所以 wx.navigateBack 只能返回上一页,如果要返回到 A 就会出现 C -> B -> A 的效果。

wx.redirectTo

如果想实现 A -> B -> C 当 C 点击返回时, 实现直接 C -> A 这种效果, 就只能A -> B 通过 wx.navigateTo 跳转,B -> C 通过 wx.redirectTo 跳转,跳转触发后 B 页面就会被销毁, C 页面再返回 wx.navigateBack 就会直接到 A 了。

小程序5种跳转页面方式的区别

wx.switchTab

* 只能跳转到tabBar配置页面

// 只能跳转到tabBar配置页面
wx.switchTab({url: '/pages/index/index',
});

wx.navigateBack

* 返回上一级页面

* delta:返回的页面数,如果 delta 大于现有页面数,则返回到首页,默认值为1

// 返回上一级页面(delta:返回的页面数,如果 delta 大于现有页面数,则返回到首页,默认值为1)
wx.navigateBack({delta: 2   // 默认值是1
})

wx.redirectTo

* 关闭当前页面,跳转到应用内的某个页面

// 关闭当前页面,跳转到应用内的某个页面
wx.redirectTo({url: '/pages/index/index',
});

wx.navigateTo

* 保留当前页面,跳转到应用内的某个页面

// 保留当前页面,跳转到应用内的某个页面
wx.navigateTo({url: '/pages/index/index',
});

wx.reLaunch

* 关闭所有页面,打开到应用内的某个页面

// 关闭所有页面,打开到应用内的某个页面
wx.reLaunch({url: '/pages/index/index',
})

微信小程序 从某个页面直接返回首页相关推荐

  1. 微信小程序跳转页面,返回页面后刷新数据

    Hello,I'm Shendi 这里记录一下 首先跳转页面使用 wx.navigateTo 函数 文档 我做的是一个用户信息修改的功能,点击头像就进入用户信息,修改了任何信息后返回上一个页面都能及时 ...

  2. 手机按三角返回页面上一页_小猿圈微信小程序跳转页面都有哪些?

    随着科技的进步互联网的发展,微信小程序逐渐成为了很多推广渠道的入口,但是因为很多做前端的小伙伴们不知道怎么去实现跳转页面,弄得不知所措,今天小猿圈前端讲师就给你讲解几种微信小程序跳转页面方法. 微信小 ...

  3. 微信小程序 解决内层页面分享出去后 用户无法通过分享页面返回首页问题

    微信小程序 解决内层页面分享出去后 用户无法通过分享页面返回首页问题 本质就是设置一个变量isshare来判断是否是分享页面中进入的 data设置 isshare: 0,//不是分享页面进入 js o ...

  4. 微信小程序跳转页面问题

    微信小程序跳转页面的方式: 1.跳转至tabBar页面,并关闭其他所有非 tabBar页面 wx.switchTab({ url: '路径' //url同app.json中配置的tabBar路径 }) ...

  5. 微信小程序内含H5页面实现方式

    微信小程序内含H5页面实现方式 一.背景 众所周知,我们写完小程序,发到线上,是需要经历设置版本.提交代码审核.等待审核等步骤,放一个版本下来可能花费很多的时间,甚至很可能等待了很长时间,审核未通过, ...

  6. 微信小程序跳转页面的不同方法

    微信小程序如何进行页面切换呢? 一,使用声明式导航 1.对于tabbar页面的跳转(若不明白tabbar可自行百度) 使用switchTab进行跳转 在wxml中输入 <navigator ur ...

  7. 微信小程序登录注册页面代码

    以下是一个简单的微信小程序注册登录页面的代码示例: <!-- index.wxml --> <view class="container"><form ...

  8. 微信小程序嵌套h5页面怎么实现小程序支付

    微信小程序嵌套h5页面怎么实现小程序支付 小程序嵌套h5页面怎么实现小程序支付小程序中嵌套h5页面,但是不能再h5页面拉起小程序支付,这时是需要小程序方拉起支付 目前的流程,外链发送订单请求拿到预支付 ...

  9. 微信小程序点击页面tab栏切换

    微信小程序点击页面tab栏切换 wxml <view class="container"><view class="swiper-tab"&g ...

最新文章

  1. mysqldump 导入数据库可能遇到错误
  2. 实战经验:MySQL 构建高并发网站性能优化
  3. Oracle 10GR2+ASM在OEL上的安装(VMware Server 1.0)
  4. Vivado开发过程中生成的主要文件
  5. 对网页是否为当前展示标签页、是否最小化、以及是否后台运行进行监听
  6. Python核心编程学习日记之错误处理
  7. 与webview打交道中踩过的那些坑
  8. 10万元奖金语音识别赛进行中!CTC 模型 Baseline 助你轻松上分
  9. 利用相机SDK采相转换至HImage
  10. 连载 3:利用 matlab计算卷积
  11. 如何使柱状图左右展示_Excel多次层柱状图,让数据展示更清晰,简单五步就完成...
  12. 【公测】智能便捷稳定 新版家园只为给你不一样的体验~
  13. 如果理解Javascript利用闭包循环绑定事件
  14. MariaDB Audit  Statistics
  15. arcgis中python批处理_基于Python的ArcGIS空间数据格式批处理转换工具开发
  16. Provisioning Services 7.8 入门系列教程之四 目标设备安装
  17. [辅助工具] 【羽睿】Proxmark3 Easy Gui 4.0 5.0 5.1加强版 PM3GUI_X稳定优化版
  18. html里怎么旋转视频文件,如何旋转视频文件(方法三)
  19. java 热键_定义自己的热键
  20. RuoYi若依代码生成+一键部署

热门文章

  1. python写文字冒险游戏手机版_用128行代码实现一个文字冒险游戏
  2. linux 软件包kbd 位置,6.42. Kbd-1.12
  3. 关于服务器上安装新版Python报错的问题
  4. vmbackup和vmrestore是何方神圣?
  5. 学习工行MySQL研发管控和治理实践的过程
  6. Visual Studio 2019 Community 许可证过期解决方法
  7. rabbitmq和erlang版本对应关系
  8. 5G-SUPI-SUPC-IMSI
  9. dpkg: 处理软件包 xxxxxxxx (–configure)时出错:
  10. MySQL 修改报错 You can't specify target table 'tb_trade' for update in FROM clause