微信小程序动态设置顶部的title

效果图:
微信小程序动态设置顶部的title_第1张图片

这里需要到js文件中操作,在获取到歌曲数据的时候,就需要通过wx.setNavigationBarTitle 修改title标题,然后进入这个歌曲详情页面的时候就需要修改完成title

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    // 获取音乐id
    let musicId=options.musicId
    this.setData({
      musicId
    })
    this.getMusicInfo(musicId)
  },
  // 封装获取音乐详情的功能函数
  async getMusicInfo(musicId){
    let songData=await request('/song/detail',{ids:musicId})
    // console.log(songData)
    // 更新song详情对象
    this.setData({
      song:songData.songs[0]
    })

    // 动态修改窗口的标题
    wx.setNavigationBarTitle({
      title:this.data.song.name
    })
  },

你可能感兴趣的:(微信小程序动态设置顶部的title)