小程序如何设置页面隐藏

小程序如何设置页面隐藏

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

方法:

<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

(0)

相关推荐