音频位置
代码
<template>
<div>
<div v-show="false">
<audio id="myMusic" ref="music" preload="auto" loop="loop" src="@/assets/music/du_du.mp3"></audio>
</div>
<el-button type="primary" @click="clickMusic">播放音乐</el-button>
<el-button type="primary" @click="clickStopMusic">暂停音乐</el-button>
</div>
</template>
<script>
export default {
components: {},
data() {
return {
myMusic: document.getElementById("myMusic")
};
},
computed: {},
watch: {},
methods: {
clickMusic() {
this.clickStopMusic()
this.myMusic.play()
},
clickStopMusic() {
this.myMusic.load()
}
},
beforeCreate() { },
created() { },
beforeMount() { },
mounted() { },
beforeUpdate() { },
updated() { },
beforeDestroy() {},
destroyed() { },
activated() { },
};
</script>