收藏
回答

为什么firstclass的数据没有渲染到页面上呢?

//mainpage.js
wx.cloud.init()


// 获取数据库引用
const db = wx.cloud.database()
// 获取第一个集合的引用
const collection1 = db.collection('firstclass')
// 获取第二个集合的引用
const collection2 = db.collection('secondclass')


db.collection('firstclass').get({
  successres => {
    console.log('从firstclass集合获取到的数据:', res.data)
    // 使用res.data直接在wx:for中循环
    this.setData({
      firstclass: res.data
    })
  },
  failerr => {
    console.error('[firstclass集合] [查询记录] 失败:', err)
  }
})
Page({


  /**
   * 页面的初始数据
   */
  data: {
    activeIndex:0,
    VerticalNavTop0,
    TabCur0,
  },  
})

//mainpage.wxml
 <block wx:for="{{firstclass}}" wx:key="index">
      <view class="hmly-left-title {{index === activeIndex ? 'hmly-active':''}}" data-index="{{index}}"
        data-id="{{index}}" bindtap="change">
        {{item.name}}
      </view>
    </block>
回答关注问题邀请回答
收藏

2 个回答

  • CRMEB
    CRMEB
    03-20
    Page({  
      data: {  
        firstclass: [], // 初始化数据  
        activeIndex: 0,  
        VerticalNavTop: 0,  
        TabCur: 0,  
      },  
      onLoad: function() {  
        // 获取数据库引用  
        const db = wx.cloud.database();  
        // 获取集合引用  
        const collection = db.collection('firstclass');  
      
        // 查询数据  
        collection.get({  
          success: res => {  
            console.log('从firstclass集合获取到的数据:', res.data);  
            // 使用this来确保上下文正确  
            this.setData({  
              firstclass: res.data  
            });  
          },  
          fail: err => {  
            console.error('[firstclass集合] [查询记录] 失败:', err);  
          }  
        });  
      },  
      // 其他页面逻辑...  
    });
    
    03-20
    有用
    回复 1
    • easy_money
      easy_money
      03-21
      谢谢你!已解决!
      03-21
      回复
  • showms
    showms
    03-20

    这段有打印出来?

    03-20
    有用
    回复 1
    • easy_money
      easy_money
      03-21
      有的,谢谢,问题已解决
      03-21
      回复
登录 后发表内容