小程序设置页面隐藏的案例:
方法:
<view wx:if="{{true}}"></view> //正常显示<view wx:if="{{n}}"></view> //隐藏 把true替换data中任何一个变量
示例:
在对应的json文件中,添加以下代码:
[{
"ps": "true"
}
]
wxml文件,代码:
<view wx:if="{{list1.ps}}">
<view>你自己页面</view>
<view>你自己页面</view>
<view>你自己页面</view>
</view>
在对应的JS文件中,添加以下代码:
Page({/**
* 页面的初始数据
*/
data: {
},
onLoad: function () {
var that = this
wx.request({
url: 'https://xxxxxxxx/ps.json',//你自己的json文件地址
headers: {
'Content-Type': 'application/json'
},
success: function (res) {
//将获取到的json数据,存在名字叫list的这个数组中
that.setData({
list: res.data,
list1: res.data[0],
//res代表success函数的事件对,data是固定的,list是数组
})
console.log( "获取数据", res.data)
console.log( "获取数据", res.data[0])
}
})
},
})