vue音乐播放器左右切换歌曲,监听播放状态问题?

通过监听播放状态tag1的 true 或者 false 来判断歌曲是否播放,点击中间播放按钮时,可以监听到。
我的需求是:在播放的时候切换可以自动播放。
在app.js里面监听了 route 的变化,如果进了一个新的播放路由,给tag1 = false,再监听歌曲的变化,发生改变则 tag1 = true ,按照这样的想法,我的状态tag1发生了改变,此时的监听事件应该被触发了,但是并没有,也没有报错,只有再次点击变换 tag1 的值,监听 tag1 的事件才被触发,应该是思路出现了问题,求大佬指点一下。。。

    // 监听路由
$router(newVal,oldVal){
    if(newVal.name == 'song'){ // 在播放页面的路由改变
        console.log(this.tag1,'tag1 1') 
        this.songState(fasle); // 给播放状态 false
    }

}
 // 监听歌曲的变化
songUrl(newVal, oldVal) {
  if (newVal) {
    console.log(this.tag1, "tag1 2");
    this.songState(true);//设置 tag1 为true
  }
},
 // 监听 歌曲 状态 变化
tag1(newVal, oldVal) {
  let auo = document.querySelector(".music");
  if (newVal) {
    console.log(newVal, 11111);
    auo.play(); // 播放
  } else {     
    console.log(newVal, 22222);
    auo.pause(); // 暂停
  }
},    
打印的值: true "tag1 1"     false  "now"     false "tag1 2"       true "now"



    




阅读 2.1k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题