2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > 微信小程序--微信自带的返回按钮操作(全局隐藏 单页隐藏 自定义返回按钮)

微信小程序--微信自带的返回按钮操作(全局隐藏 单页隐藏 自定义返回按钮)

时间:2018-10-13 23:59:15

相关推荐

微信小程序--微信自带的返回按钮操作(全局隐藏 单页隐藏 自定义返回按钮)

问题探究:

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

一、全局隐藏返回箭头

1、在app.json中全局设置,则每个页面会隐藏返回箭头

"window":{"navigationStyle":"custom"}

二、单个页面返回箭头隐藏

1、首先将返回箭头改为小房子图标(也就是返回主页按钮)

wx.redirectTo({url: '../index/index'})

2、在对应跳转的页面js文件onShow()中,添加wx.hideHomeButton();

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

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

3、最后我们就成功隐藏返回箭头;

4、补充知识

补充知识:

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

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

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

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

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

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

三、自定义返回按钮

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

可参考网址:/p/7393c800ba09

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。