小程序如何设置页面隐藏
小程序设置页面隐藏的案例:
方法:
<view wx:if="{{true}}"></view> //正常显示<view wx:if="{{n}}"></view> //隐藏 把true替换data中任何一个变量
示例:
在对应的json文件中,添加以下代码:
[ {
"ps": "true"
}
]
wxml文件,代码:
<view wx:if="{{list1.ps}}">
<view>你自己页面</view>
<view>你自己页面</view>
<view>你自己页面</view>
</view>
在对应的JS文件中,添加以下代码:
Page({
data: {
},
onLoad: function () {
var that = 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])
}
})
},
})
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341