记2022年1月5日微信小程序wx.navigateTo()跳转后没有显示返回按钮的问题

最新推荐文章于 2025-03-27 10:23:04 发布
最新推荐文章于 2025-03-27 10:23:04 发布
阅读量2.3k 收藏 1
点赞数 1
分类专栏： 微信小程序 文章标签： 微信小程序 小程序 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41951726/article/details/122338533
版权

记2022年1月5日微信小程序wx.navigateTo()跳转后没有显示返回按钮的问题

情景再现

正常情况下，是这样显示的，并在第一次跳转后正常

这个是主页面
在这里插入图片描述
第一次跳转后，返回按钮正常显示出来
在这里插入图片描述

第二次跳转后，显示异常

在这里插入图片描述

消失原因

我在第三个页面的json文件里面添加了下面这个字段（第三个页面的名称：ModelView.wxml，对应的json文件为ModelView.json）

"navigationStyle":"custom"

它表示，我们要自定义一个头部导航栏，所以之前默认的导航栏就消失了，也就没有了头部的标题以及返回按钮。因此，把它去掉后，返回按钮就能正常显示回来。

正常显示

在这里插入图片描述

注：2022年1月6日10:49:26记

微信小程序 自定义头部导航栏 navigationStyle:custom 返回上一页按钮、返回首页按钮 自定义组件
夜阑珊妖妖
12-09 1万+
微信小程序 自定义头部导航栏 .json 文件中加 navigationStyle:custom 顶部导航栏就会消失，只保留右上角胶囊状的按钮， 修改胶囊的颜色：胶囊体目前只支持黑色和白色两种颜色 在.josn 文件中 加上 “navigationBarTextStyle”:“white/black” 自定义导航（返回上一页按钮、返回首页按钮 自定义组件） wxml: <view clas...
踩坑日记之微信小程序云开发借助wx.redirectTo实现页面刷新功能的可行性及其举列
sdqmrj的博客
08-22 782
对于页面数据不大的小程序，可以选择此方法实现页面的自动刷新，下拉刷新。目前暂没有发现此方法带来的bug，如果有大佬有更好的方法还请不吝赐教。但是当想要实现下拉刷新的时候，不能重复执行此代码，或者说重复执行此代码需要传递新值，不然不能够执行刷新操作，只会实现触底加载的效果。
微信小程序 wx.navigateTo()跳转后没有显示返回按钮
weixin_53185499的博客
05-22 1770
在app.json里把"navigationStyle": "custom" 删掉，或者设置为default即可显示返回键default默认样式、custom自定义导航栏（只保留右上角胶囊按钮）。自微信客户端 7.0.0（基础库 2.5.2）开始支持。
原生小程序 如何自定义tabbar 在tabbar 页面上如何不显示返回首页按钮
最新发布
qq_48104836的博客
03-27 296
【代码】原生小程序 如何自定义tabbar 在tabbar 页面上如何不显示返回首页按钮。
小程序navigateTo跳转后没有返回按键的问题
weixin_45966674的博客
07-17 1939
这个问题还是挺坑的，我还没有发现具体发生的原因 但我可以自己做一个返回按钮 小程序有提供给我们返回上一个页面的方法 代码如下 wx.navigateBack({ delta:1 }) 那么我们只需要在页面左上角来个返回图片点击触发这个方法就好了 ...
《知识点002：使用wx.navigateTo跳转后的页面没有返回按钮》
大大大钢琴
07-21 504
描述：在开发小程序过程中，发现一些不错的案例，平时使用也比较多，稍微总结了下经验，以下内容可以直接复制使用，希望对大家有所帮助，废话不多说直接上干货！
微信小程序没有返回按钮怎么办
qq_35149546的博客
02-24 3499
1.微信小程序没有返回按钮怎么办?微信小程序左上角返回按钮怎么调出来？
微信小程序-旅行日记源码
06-12
微信小程序中的页面跳转是通过API实现的，如`wx.navigateTo`、`wx.switchTab`等，用于在不同的日记页面间切换。 7. **本地存储** 小程序提供了`wx.setStorageSync`和`wx.getStorageSync`方法进行本地数据存储，...
微信小程序开发-小熊日记案例源码.zip
08-15
6. 页面路由：通过`wx.navigateTo`、`wx.redirectTo`等方法实现页面间的跳转。 7. 自定义组件：可以封装可复用的组件，提高代码复用率。 8. 异步编程：理解Promise和async/await，对于处理异步操作如网络请求非常...
【微信小程序-毕设期末大作业】你的名字日记微信小程序源码.zip
05-05
在源码中，可能会看到`pages`数组配置，以及页面间的跳转函数如`wx.navigateTo`。 8. 数据安全与隐私： 由于涉及到用户个人信息，开发者需要关注数据安全和隐私保护。在处理用户日记时，应确保数据加密存储，并...
微信小程序小熊日记小程序源码（源码+源码导入视频教程+源码导入文档教程）小程序精选源码亲测可用
04-10
4. **页面路由**：小程序中的页面跳转和参数传递，涉及到wx.navigateTo、wx.reLaunch、wx.switchTab等方法。 5. **状态管理**：如果应用包含多个页面，如何管理和共享状态是个重要问题，小程序可以使用Page对象的...
微信小程序自定义返回页面遇到的问题
qq_43558459的博客
07-08 1455
需求： TabBar中点击发起比赛跳转到一个空页面，根据用户状态，通过路由跳转到不同的页面，问题在于返回的时候。需要返回用户点击发起比赛之前的TabBar页面。 问题： 一、无法获取用户点击发起比赛之前的界面 原因：TabBar页面之间切换的时候，旧的TanBar页面会出栈，新的TabBar页面会入栈。所以无法获取上一个TabBar页面。 验证：分别在两个TabBar页面，首页Index，发起比赛createMatch，以及根据状态跳转的填写比赛的fillMatchInfo的界面通过getCurrentP
【微信小程序】 隐藏home/返回主页按钮
sayyy的专栏
09-17 8264
前言 基础库 2.12.0 开发者工具 1.03.2008270 home/返回主页按钮 使用 wx.redirectTo 会得到 home/返回主页 按钮，如下： 使用 wx.navigateTo 会得到 返回上一页 按钮，如下： 隐藏home/返回主页按钮 在页面 onShow 中调用 wx.hideHomeButton 即可。 注意事项： 基础库 2.8.3 开始支持，低版本需做兼容处理。建议简单粗暴的将小程序的最低版本设置为2.8.3版本。 注意 home/返回主页 按钮 和 返回上一页
微信小程序没有返回按钮怎么办?微信小程序左上角返回按钮怎么调出来？
dengla6847的博客
06-06 7153
如果你发现自己的小程序页面没有返回按钮,请检查是不是用的wx.redirectTo(OBJECT)进行的跳转,如果是那就把它改成wx.navigateTo(OBJECT)就可以了. wx.navigateTo(OBJECT) 保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面。 wx.redirectTo(...
微信小程序如何隐藏左上角返回首页按钮？
weixin_42220130的博客
07-07 6516
小程序如何隐藏左上角返回首页按钮？两种方法方法一： 在页面的onShow或onLoad或onHide函数里调用wx.hideHomeButton() 方法二： 注册页面的pages.json里面写上
微信小程序开发中，如果页面跳转没有反应
weixin_47941995的博客
08-09 3056
尝试将跳转逻辑放在其他适当的位置，如用户点击事件或页面加载完成后的延时函数中。在微信小程序开发中，如果页面跳转没有反应，可能是由多种原因导致的。等非关闭当前页面的跳转方法都受到页面栈大小的限制（默认为10个页面）。虽然页面跳转通常不受网络影响，但确保你的网络连接正常，特别是当页面跳转涉及到网络请求时。确保你的微信开发者工具是最新版本，有时候旧版本的开发者工具可能存在一些bug。确保你使用的跳转路径（URL）是正确的。来关闭所有页面并跳转到新页面，或者检查并优化页面栈的使用。例如，如果你的页面路径在。
微信小程序webview内嵌H5跳转页面后没有返回按钮完美解决方案
u010439874的博客
09-06 5252
看了下其他的小程序，发现如果是两个小程序页面跳转的话，第二个页面的左上角是会有返回按钮的。那我们可以想到，如果在第二个页面也放个webview组件，用来显示跳转之后的链接，不就完美解决了吗？简单的讲就是我们可以在小程序内放置一个<web-view>组件来链接我们的HTML页面了。2. 微信小程序index用来嵌套<web-view>组件显示我们要跳转的H5网页。"navigationBarTitleText": "小程序名称",webview.wxml空白页面就可以。title: '加载中'
uni-app开发的微信小程序-打回登录页时会在左上角出现一个房子图标（返回首页）- 怎么回事-怎么解决
路虽远行则将至，事虽难做则必成。
09-08 4910
发现项目，在首次进入时打回登录页，原生导航栏左边会出现一个房子按钮可以直接返回首页最后查了一圈发现这个微信版本更新之后，当我们进入不是首页，或者tabbar页面时就会出现微信针对这个也是有解决方案的，可以在微信环境时把他禁用（在h5环境是不会出现的，只有微信有）还有一种办法，只有在原生导航栏时才会出现，我们如果禁用原生导航栏就从根本解决问题。
微信小程序踩坑记
温暖前端的博客
02-22 1023
正确的写法是以"/"开头的绝对路径，而不是相对路径。1.在wxml中使用{{}}进行数据绑定时，如果绑定的数据是一个对象或数组，页面却没有显示任何内容，这是因为对象或数组中的数据没有通过setData函数进行更新。2.在页面跳转时，使用wx.navigateTo进行跳转，但是跳转后页面却显示空白，这是因为跳转的目标页面没有在app.json文件中注册。1.在微信小程序中进行网络请求时，如果请求的地址是https协议，但是在app.json文件中没有配置合法域名，请求会被拦截，无法正常发送。
微信小程序wx.navigateToMiniProgram页面
02-27
### 微信小程序 `wx.navigateToMiniProgram` 页面跳转使用方法 #### 跳转前准备 自2020年4月24日之后，开发者利用 `wx.navigateToMiniProgram` 进行跨小程序跳转时不再需要预先在全局配置中声明目标小程序的 AppID 列表[^3]。 #### 参数说明 该 API 的主要参数如下： - **appId**: 目标小程序的应用 ID。 - **path** (可选): 小程序页面路径，默认为空字符串。如果省略，则打开默认首页；若提供具体路径则会直接导航到对应页面。 - **envVersion** (可选): 可以为 `'develop'`, `'trial'` 或者 `'release'`，分别代表体验版、开发版以及正式版环境版本号，默认为 `'release'`。 - **extraData** (可选): 额外的数据对象，在被打开的小程序可以通过 `app.onLaunch()` 和 `app.onShow()` 获取这些数据。 - **success**, **fail**, **complete** (回调函数) #### 示例代码 下面是一个完整的调用实例来展示如何实现从小程序 A 向另一个已知 appid 的 B 小程序发起请求并携带额外信息： ```javascript // 假设当前是在小程序A内部执行这段JS逻辑 wx.navigateToMiniProgram({ appId: 'wxd930ea5d5a258f4f', // 替换成实际的目标小程序APPID path: 'pages/home/home?query=123', envVersion: 'release', extraData: { foo: 'bar' }, success(res) { console.log('成功跳转:', res); }, fail(err){ console.error('跳转失败:', err); } }); ``` 上述例子展示了向指定的小程序发送带有查询参数 (`query`) 的 URL 请求，并传递了一个键值对形式的附加数据给接收方(`foo='bar'`)。同时设置了成功的处理方式和错误情况下的反馈机制。 #### 注意事项 尽管目前对于跳转次数没有严格限制，但在设计过程中仍需考虑用户体验，避免频繁切换造成困扰。另外需要注意的是，虽然现在不需要提前注册允许访问的小程序列表，但仍应遵循官方制定的相关运营规定。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值