微信小程序获取云数据加载列表页到详情页

data: {
        datalist:[],
    },

//生命周期里面
//datalist是自己定义的
onLoad: function () {
    wx.cloud.database().collection('数据库名字')
    .get()
    .then(res => {
        console.log("成功",res)
        //查看是否成功
        this.setData({
            datalist: res.data
        })
    })
    .then(res => {
        console.log("失败",res)
    })
}

1.js 列表页获取云数据

<view  wx:for="{{datalist}}" wx:key="index"  >
<navigator url="../bfjm/bfjm?id={{item._id}}" class="j-top">
//超链接跳转详情页并传输数据
    <image src="{{item.image}}"></image>
    <view class="j-efj">
        <view class="j-text1">{{item.desc}}</view>
        <view class="j-text2">发布人:{{item.title}}</view>
        <view class="j-text3">上传时间:{{item.int}}</view>
    </view>
</navigator>
</view>

2.wxml列表页获取数据并渲染

onLoad: function (options) {
        // console.log("数据中心",options)
        let id =options.id
        wx.cloud.database().collection('homelist').doc(id).get()
        .then(res => {
            console.log('视频详情页', res)
            this.setData({
                idrsgs: res.data
            })
        })
    },

3.js 详情页获取数据，自己在wxml设置并渲染