vue 音乐播放器上一首 下一首切换

vue 音乐播放器上一首 下一首切换

根据自定义属性的值找到元素

我是使用监听来实现切换的，将v-for循环列表的index存储在vuex中，点击上一首或下一首改变index的值，在另一个组件中监听index，获取当前index值所在的元素，再获取元素上的歌曲的id，播放歌曲。

考虑到还有歌单中的歌曲和搜索的歌曲，感觉这么做要好一些

代码只截取了片段

歌曲组件

//自定义属性将id和index绑定
<li
  v-for="(item, index) in ReMusics"
  :key="index"
  :data-musicid="item.id"
  :data-index="index"
  ref="remusic"
></li>

  computed: {
   
    lsUpDown() {
   
      return this.$store.state.reMusicIndex;
    },
  },
  watch: {
   
    lsUpDown