效果图:
1)获取歌曲详情页的数据
从每日推荐列表点击各歌曲跳转到歌曲详情页的时候,需要携带歌曲的id,在路由中把歌曲的id传到歌曲详情页的页面中使用(在wxml文件中通过data-id的形式把id传歌曲id)
recommendSong.js
// 跳转至songDetail的回调
tosongDetail(event){
let musicId=event.currentTarget.dataset.id
console.log(song)
// 路由跳转传参可以使用query的形式
wx.navigateTo({
url: '/pages/songDetail/songDetail?musicId='+musicId,
})
},
2)在songDetail.js文件中,可以在onload这个周期函数中的options参数里获取到recommendSong.js中通过路由传过来的参数,然后拿到musicId去调用歌曲详情页的接口获取歌曲详情数据
songDetail.js
data: {
isPlay:false, //标识音乐是否播放
song<