H5W3
当前位置:H5W3 > 其他技术问题 > 正文

【Web前端问题】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"



    




本文地址:H5W3 » 【Web前端问题】vue音乐播放器左右切换歌曲,监听播放状态问题?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址