uni-app微信小程序消除/去掉/隐藏左上角返回按钮

首先要明确的是页面间的跳转方式有几种、每一种默认的作用是什么。

跳转方式:

第一:wx.navigatorTo 【新页面打开,默认会有返回按钮】

第二:wx.redirectTo【当前页面打开,默认无返回按钮】

第三:wx.switchTab【只能用于跳转到tabbar页面,并关闭其他非tabbar页面,tabbar之间做切换】

第四:wx.reLaunch 【关闭所有页面,打开应用内某个页面,默认无返回按钮】

第五:wx.navigateBack【关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages 获取当前的页面栈,决定需要返回几层。】

最简单的一种情况:j s文件里面使用的是wx.navigatorTo ,那么可以视情况而定选择使用第二、第四种跳转方式进行跳转即可解决。

但是,还有的情况是你发现换成第二、第四种跳转方式依然带有返回按钮,那么怎么解决呢?

可以这样,在希望消失的页面,j s文件中:

/**

  • 生命周期函数–监听页面显示

*/

onShow: function () {
},

加入:wx.hideHomeButton();

即加入后j s文件 onShow 应该为:

onShow: function () {
wx.hideHomeButton();

},

这样即可完美解决。

注:记得清缓存。

可以通过以下步骤在Windows版微信开发者工具中构建基于cli构建的uni-app h5项目uview1.7.0及以上版本: 1. 首先,确保你的Windows电脑上已经安装了微信开发者工具。如果没有安装,请前往微信公众平台的开发者中心页面下载并安装微信开发者工具。 2. 打开微信开发者工具,并点击左上角的“新建项目”按钮,进入新建项目页面。 3. 在新建项目页面,选择“Uni-app 项目”作为项目类型。 4. 选择目标目录,即你想要保存项目的位置。 5. 在“项目名称”中填写你想要命名的项目名称。 6. 在“Appid”中填写你在微信公众平台申请的Appid。如果还没有申请,请前往微信公众平台的开发者中心页面注册并申请一个Appid。 7. 在“项目类型”中选择“H5”。 8. 在“项目框架”中选择“Vue”。 9. 在“Css预处理”中选择“Less”。 10. 在“组件库”中选择你希望使用的uview版本(1.7.0及以上)。 11. 在配置页面中的其他选项,可以根据个人需求进行选择和填写。 12. 点击“创建并编译”按钮,等待项目创建和编译完成。 13. 创建完成后,可以点击右上角的“预览”按钮预览项目效果。 14. 在微信开发者工具中调试和开发项目,可以实时查看效果和调试代码。 总之,通过以上步骤,就可以在Windows版微信开发者工具中构建基于cli构建的uni-app h5项目uview1.7.0及以上版本了。希望对你有所帮助!
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值