最近在做小程序,遇到一个小问题,要将云开发数据库的数据读取出来显示到页面
JS页面:
1、数据库初始化
const db = wx.cloud.database()
2、定义一个变量,将this赋给它。
var a = this
3、从手册找到对应的查询语句,我的集合是feel
db.collection('feel').get({
success: function(res) {
// res.data 包含该记录的数据
console.log(res.data)
}
})
4、得到数据之后,创建一个空数组,将结果赋给这个空数组。
这里的a不能直接用this,不然会指向一个空数组,定义的数值会得不到数据
a.setData({
feelList: res.data
})
wxml页面:
因为不止一条数据,而且样式都一样,所以可以直接用wx:for
<view class="selfTwo" wx:for="{{feelList}}" wx:key="{{index}}">
<view class="right">{{item.feel}}</view>
</view>
但是!
有一个bug就是新增的数据要页面刷新才能显示,这是个问题!!!!