小程序如何设置页面隐藏

时间: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])

}

})

},

})

标签:
随便看看
本类推荐
本类排行
热门标签

我国国家通讯社行不行啊细狗新年贺词祝福语2023年祝福语新年新年贺词新年贺词祝福语居家抗病毒小药箱除夕高速免费吗2022年除夕高速免费吗春联春联句子大全春联句子大全七字年夜饭十二道菜年夜饭十二道菜单年夜饭吃什么年夜饭吃什么菜吃年夜饭的寓意年夜饭黑芝麻菊花茶晒菊花茶腌腊肉送妈妈生日礼物汉白玉送闺蜜水钻送女人礼物爸爸生日送礼物送老公