<swiper>
<swiper-item wx:for="{{image}}" wx:key="id">
<image src="{{item.image}}"></image>
</swiper-item>
</swiper>
wx.cloud.database().collection('banner').get({
success: function(res) {
// res.data 包含该记录的数据
console.log("图片记录",res)
console.log(res.data)
that.setData({
image:res.data
})
}
})
同样的问题 蹲个解决方案
你的res.data是个数组，数组的第一项是一个对象，有两个属性，一个叫image，是个数组；另一个叫_id，是个字符串。
所以你的res.data[0].image才是你的图片数组，所以代码是
that.setData({ image:res.data[0].image })你这个应该是上传图片的时候数据结构乱了，应该在上传图片那里优化一下
感觉你的json结构有点奇怪啊。that.setData里面改成 image:res.data[0]，src="{{item.image}}" 改成 src="{{item}}" 试试。而且最好不要都命名为image吧，逻辑容易乱，for循环那里可以命名为images啊
<swiper><swiper-item wx:for="{{image}}" wx:key="id"><image src="{{item.image【0】}}"></image></swiper-item></swiper>单独图片链接我试了，可以渲染出来，就是从云数据库拿图片，渲染不出来，而且还报错