小程序怎样设置页面隐藏

小程序怎样设置页面隐藏

小程序设置页面隐藏的案例：

方法：

<viewwx:if="{{true}}"></view>//正常显示
<viewwx:if="{{n}}"></view>//隐藏把true替换data中任何一个变量

示例：

在对应的json文件中，添加以下代码：

[
{
"ps":"true"
}
]
wxml文件，代码：
<viewwx:if="{{list1.ps}}">
<view>你自己页面</view>
<view>你自己页面</view>
<view>你自己页面</view>
</view>

在对应的JS文件中，添加以下代码：

Page({
/**
*页面的初始数据
*/
data:{
｝,
onLoad:function(){
varthat=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])
}
})
},
})

本文来源：https://www.yuntue.com/post/79724.html | 云服务器网，转载请注明出处！