微信小程序-隐藏和显示自定义的导航

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

实现类似导航的隐藏显示，如图效果：

// index.js

var statusArrs = [false]

Page({

/**
* 页面的初始数据
*/
data: {
showArr: statusArrs
},
opentype: function (e) {
var url = e.currentTarget.dataset.url
url = '../' + url
wx.navigateTo({
url: url
})
},
//显示隐藏
tigger: function (e) {
var that = this;
var num = e.currentTarget.dataset.num
statusArrs[num] = !statusArrs[num]
that.setData({
showArr: statusArrs
})
}
})

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

一点小技巧分享。