小程序如何设置页面隐藏


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

方法:

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

}

})

},

})


上一篇:ipv6建站IPV4怎么访问

下一篇:spring框架怎么使用redis


小程序 小程序页面
Copyright © 2002-2019 测速网 www.inhv.cn 皖ICP备2023010105号
测速城市 测速地区 测速街道 网速测试城市 网速测试地区 网速测试街道
温馨提示:部分文章图片数据来源与网络,仅供参考!版权归原作者所有,如有侵权请联系删除!

热门搜索 城市网站建设 地区网站制作 街道网页设计 大写数字 热点城市 热点地区 热点街道 热点时间 房贷计算器