目标:如下图,点击不同的图片进入到不同的渲染页面
遍历数据并编写click方法
html5
//@click="handlegovideo(item)获取到当前遍历对象的数据
<view class="vedio_item" v-for="item in videowp" :key="item.id" @click="handlegovideo(item)">
<image :src="item.img" mode="widthFix" style="display: flex;width: 100%;"></image>
</view>
js
handlegovideo(item){
//查看item是否有数据
console.log(item)
//将item存储为全局数据
getApp().globalData.video = item;
//点击跳转视频播放页面
uni.navigateTo({
url:"/pages/videoplay/index"
})
}
播放页面接收全局数据
接收到数据后就可以在js或者h5代码中进行使用了
onLoad(){
//console.log(getApp().globalData)
//页面加载时,获取全局存储的video数据
this.videoobj = getApp().globalData.video;
//console.log(this.videoobj)
},