微信小程序—踩坑,获取数据后列表不渲染

需求中需要实现从微信小程序云数据库拿出然后在列表渲染
我原来是这样的

db.collection('list')
  .where({
    
    
     keyword: '关键字'
  })
  .limit(6)
  .get({
    
    
	success:function(res){
    
    
		this.data.array.push(res.data)
	}
  })

在onLoad函数中调用数据库获取到数据后让列表显示
结果无法正常显示出来
百度一番后试了很多都没解决
后来突然想到了网络缓存的问题,在数据库成功返回的时候其实并没有值赋进data缓存里面,并且这样的this.data.array.push(res.data)
写法是不正确的,也就说在设置缓存的时候是网络请求成功回调里面,在取的时候可能请求还没有响应,所以相当于压根就没存
修改后如下

	  var array=[]
      for(i=0;i<small_type.length;i++){
    
    
        const db = wx.cloud.database()
        db.collection('list')
        .where({
    
    
          keyword: '关键字'
        })
        .limit(6)
        .get({
    
    
          success:function(res){
    
    
            array.push(res.data)
            that.setData({
    
    
              info2:array
            })
          }
        })

猜你喜欢

转载自blog.csdn.net/AcStudio/article/details/107575620