微信小程序隐藏导航条怎么实现?

　　微信小程序隐藏导航条怎么实现?以下是小编整理的微信小程序隐藏导航条怎么实现的步骤和一些微信小程序代码哦，如果微信亲们想要设置微信小程序隐藏导航条，不妨往下看看吧。

　　微信小程序隐藏导航条怎么实现?

　　微信小程序中不能直接操作window对象，document文档，跟html的树结构不相同。

　　实现类似导航的隐藏显示，微信小程序隐藏导航条的效果如下图所示：

　　点击网络显示或隐藏网络中包含的内容。微信小程序隐藏导航条设置其他类似。

　　如果是jquery很方便实现，能直接操作document。在微信小程序中实现思路是：在逻辑层定义变量，通过setData赋值。

　　js对应微信小程序代码：

　　微信小程序隐藏导航条方法一：通过变量直接赋值，给每一个要控制显示的view定义变量。

　　通过data-num="1" 这中传值方式，设置对应的view1的值。

　　这种方法能够实现效果，但是在添加了新的view之后需要修改js代码，所以不是最优的方法。

　　微信小程序隐藏导航条方法二：

　　微信小程序隐藏导航条wxml代码：

　　微信小程序隐藏导航条js对应代码：

　　方法二这种方式就简单实现了不修改js代码，添加了新的view也能控制隐藏显示。

　　感谢各位其亲们一直以来的支持，以上是小编整理的微信小程序隐藏导航条怎么实现的步骤了。以上全部内容供各位亲们参考哦。大家请多多关注微小乔。感谢大家的耐心关注哦。

相关推荐：

微信小程序导航颜色怎么设置？

微信小程序导航菜单怎么开发？

微信小程序导航源码详细说明