小程序设置页面隐藏的案例:
方法:
<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])
}
})
},
})
了解更多小程序如何设置页面隐藏相关的解答,就上多想派(www.duoxiangpai.com)。
本文章由用户飞秒生活分享,版权归原作者,如侵犯,请联系(点这里联系),经核实,我们将第一时间删除。如若转载,请注明出处:https://www.duoxiangpai.com/64014.html