在微信小程序中,有时我们需要在非首页的时候显示home图标,有时又需要隐藏home图标,这个时候我们应该如何去做呢?阅读完此文后希望对你有所帮助!

1. 显示home图标
2. 隐藏home图标

1.显示home图标

注:使用路由跳转或者点击事件时使用 wx.redirectTo

<view>
  <view class='center'>
  <navigator url="../index/index" hover-class="none" open-type='redirect'>首页</navigator>
   <navigator url="../bottome/bottome" hover-class="none" open-type='redirect'>按钮</navigator>
</view>
</view>

2.隐藏home图标

注:wx.hideHomeButton 方法只针对于单个页面,无法适用于全局

 onShow: function () {
    wx.hideHomeButton({
      success:function(){
        console.log("隐藏成功!")
      }
    })
  },

截图1:
微信小程序标题栏非首页时home图标显示与隐藏-LMLPHP

截图2:微信小程序标题栏非首页时home图标显示与隐藏-LMLPHP

08-31 13:30