时间:2022-12-06 01:09
小程序设置页面隐藏的案例:
方法:
<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])
}
})
},
})