1. 先在App.vue声明全局变量
2. 在页面调用全局变量
<script>
var app = getApp()
export default {
data() {
return {
musicState: true
}
},
onLoad() {
// 音频配置
app.globalData.innerAudioContext.autoplay = true
app.globalData.innerAudioContext.loop = true
app.globalData.innerAudioContext.src = "https://www.xzmp3.com/down/8b3d2aa20462.mp3"
},
onHide() {
this.musicState = false
app.globalData.innerAudioContext.pause() //暂停音乐
},
onShow() {
this.musicState = true
app.globalData.innerAudioContext.play() //播放音乐
},
methods: {
state(){
if(this.musicState){
this.musicState = false
app.globalData.isMusic = false
app.globalData.innerAudioContext.pause() //暂停音乐
} else {
this.musicState = true
app.globalData.isMusic = true
app.globalData.innerAudioContext.play() //播放音乐
}
}
}
}
</script>