vue-music(14) 随机播放的设置

这里写图片描述
改变播放模式:
这里写图片描述
这里写图片描述
这里写图片描述
到这里就实现点击切换图标了。

因为原来就有一个播放列表(顺序播放列表),只是在此列表基础上进行随机播放,所以创建一个新list,用shuffle函数打乱顺序播放列表并返回一个新的随机列表,
记住要重新提交到mutations中改变store里面的playList的方法。

let list = null
      if (mode === playMode.sequence) {
        list = shuffle(this.sequenceList)
      } else {
        list = this.sequenceList
      }
      this.setPlayList(list)

但在随机播放模式下,点击一个歌曲,index会发生变化(不再是原来的顺序播放的index),所以要重新在随机播放列表中去寻找这首歌的index

这里写图片描述
并在watch中监察
这里写图片描述

猜你喜欢

转载自blog.csdn.net/weixin_42372054/article/details/82466759
今日推荐