【黄啊码】微信小程序页面加载闪烁问题|wx:if=““导致先显示后隐藏的闪烁问题
【摘要】
废话不多说，直接上方法：
先用一个变量让其隐藏，当从接口中获得数据的时候，在把这个 show 设置成 true 。这样出来的效果就是，内容逐渐在显示，依次显示。从而看不到闪烁再隐藏。 代码如下：
<view class="prompt" wx:if="{{show&&sign}}">显示还是隐藏</...
废话不多说，直接上方法：
先用一个变量让其隐藏，当从接口中获得数据的时候，在把这个 show 设置成 true 。这样出来的效果就是，内容逐渐在显示，依次显示。从而看不到闪烁再隐藏。
代码如下：
<view class="prompt" wx:if="{{show&&sign}}">显示还是隐藏</view>
-
data: {
-
show:false, //用来判断
-
},
-
onLoad: function(options) {
-
this.getInfo()
-
},
-
getInfo(e) {
-
wx.request({
-
...
-
success: (res) => {
-
this.setData({
-
sign: res.data,
-
show:true
-
})
-
})
-
},
文章来源: markwcm.blog.csdn.net，作者：黄啊码，版权归原作者所有，如需转载，请联系作者。
原文链接：markwcm.blog.csdn.net/article/details/121097772
【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）