微信小程序

2023-12-28 10:57| 来源: 网络整理| 查看: 265

问题探究：

微信小程序中会默认自带导航菜单返回按钮箭头，当我们想隐藏返回箭头时，就引出有如下三种方法

一、全局隐藏返回箭头 1、在app.json中全局设置，则每个页面会隐藏返回箭头 "window":{ "navigationStyle":"custom" }

二、单个页面返回箭头隐藏 1、首先将返回箭头改为小房子图标（也就是返回主页按钮）

wx.redirectTo({ url: '../index/index' }) 2、在对应跳转的页面js文件onShow()中，添加wx.hideHomeButton();

/** * 生命周期函数--监听页面显示 */ onShow: function() { wx.hideHomeButton(); //隐藏home/返回主页按钮 },

参考官网地址：https://developers.weixin.qq.com/miniprogram/dev/api/ui/navigation-bar/wx.hideHomeButton.html

3、最后我们就成功隐藏返回箭头； 4、补充知识

补充知识：

onLoad：页面第一次加载时触发，从跳转页面返回时不能触发，可以传递参数

onShow：页面显示或从后台跳回小程序时显示此页面时触发，从跳转页面返回时触发，不能传递参数

onHide：页面隐藏，例如使用 wx.navigateTo 只是打开新页面并不关闭原页面

onUnload：页面被卸载，例如使用 wx.redirectTo 重定向一个页面原页面已经关闭

当初始化或打开一个新页面时先执行onLoad，然后执行onShow

更多参考：https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/route.html

三、自定义返回按钮

网上有很多参考方法，在这里就不详解

可参考网址：https://www.jianshu.com/p/7393c800ba09

【本文地址】

公司简介

联系我们

今日新闻

推荐新闻

专题文章