美文网首页
解决a:if加载时候闪烁

解决a:if加载时候闪烁

作者: 南崽 | 来源:发表于2020-10-15 15:33 被阅读0次

axml

<view a:if="{{isShow}}">
  <view a:if="{{isMsg==1}}">msg1</view>
  <view a:else>msg2</view>
</view>

js

Page({
  data:{
    isShow:false,
    isMsg:1
  },
  getMsg() {
    my.request({
      url: app.globalData.host + 'api接口',
      method: 'POST',
      headers: {
        'content-type': 'application/json',
        'token': app.access_token
      },
      success: (res) => {
        if (res.data.status == 0) {
          this.setData({
            isCode:true
          })
        } 
        if (res.data.status == 1) {
          this.setData({
            isMsg: 0,
            isCode:true
          })
        }
      },
      fail: function (res) {
        console.log(res);
      },
      complete: function (res) {
        my.hideLoading();
      }
    });
  },
})

请求接口时闪烁,先把需要a:if的上一级元素的isShow设为false不显示,当接口数据加载完毕后判断走a:if还是a:else,然后把isShow设为true显示页面,页面不闪烁

相关文章

网友评论

      本文标题:解决a:if加载时候闪烁

      本文链接:https://www.haomeiwen.com/subject/nnxopktx.html