小程序做判断时数据还未读入,导致先显示值为空时的页面,然后再显示有值时的页面,请问该如何解决?
发布于 5 年前 作者 min91 11090 次浏览 来自 官方Issues
代码如下:
wxml:
<view wx:if="{{info.length != 0}}">
  <view wx:for="{{info}}">
   <view>用户ID: {{item._openid}}</view>
  <view>
<view wx:else>
  <text style="text-align:center">暂无用户</text>
</view> 

js:
data: {
    info: [],
        }
onLoad: function (options) {
    let that = this    
    let db = wx.cloud.database()
    db.collection("userInfo").get().then(res=>{
      that.setData({
        info: res.data
      })
    })
  },
1 回复

外面再加一层 loading 或者占位符,请求完成再展示页面

回到顶部