您的位置:宽带测速网 > 网络知识 > 小程序如何设置页面隐藏

小程序如何设置页面隐藏

2025-06-17 10:02来源:互联网 [ ]

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

方法:

<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])

}

})

},

})