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中监察
这里写图片描述

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值