美文网首页
解决 GET http://127.0.0.1:3000/lyr

解决 GET http://127.0.0.1:3000/lyr

作者: Angel_6c4e | 来源:发表于2020-08-10 22:15 被阅读0次
在点击删除列表播放器歌单中所有歌曲后,出现:

问题在于:设置了一个监听只要当前的歌曲发生变化,就去获取发生变化以后的'歌词'currentSong方法,但是却没有判断如果没有歌曲就不用获取'歌词'的情况

NormalPlayer.vue文件:

import { mapGetters } from 'vuex'

export default {
  computed: {
    ...mapGetters([
      'currentSong'
    ])
  },
watch: {
    // 只要当前的歌曲发生变化,就去获取发生变化以后的'歌词'
    currentSong (newValue, oldValue) {
      // console.log(newValue)
      this.setSongLyric(newValue.id)
    }
  }
}

currentSong方法中加上如果没有歌曲就不用获取'歌词'if判断就可以解决:

watch: {
    // 只要当前的歌曲发生变化,就去获取发生变化以后的'歌词'
    currentSong (newValue, oldValue) {
        if (newValue.id === undefined) {
         return
      }
      // console.log(newValue)
      this.setSongLyric(newValue.id)
    }
  }

以上是个人项目过程中修改问题的记录。

相关文章

网友评论

      本文标题:解决 GET http://127.0.0.1:3000/lyr

      本文链接:https://www.haomeiwen.com/subject/stzjdktx.html