通过监听播放状态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"