【黄啊码】微信小程序页面加载闪烁问题|wx:if=““导致先显示后隐藏的闪烁问题

黄啊码

发布于 2022-01-09 09:41:46

1.4K0

发布于 2022-01-09 09:41:46

废话不多说，直接上方法：

先用一个变量让其隐藏，当从接口中获得数据的时候，在把这个 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
        })
     })
  },

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2021/11/02 ，如有侵权请联系 cloudcommunity@tencent.com 删除

变量