需求:做成切换按钮播放音乐
<div class="audio_div" v-if="storeInfo.type == 2"> <i class="iconfont icon-bofang" @click="playMusic" v-show="PLAYMUSIC"></i> <i class="iconfont icon-weibiaoti--" @click="playMusic" v-show="PAUSEMUSIC"></i> <audio controls="controls" style="audio_style" id="music"> <source :src="storeInfo.contentUrl" type="audio/mp3" /></audio> </div>
data(){
return{
PLAYMUSIC:true,
PAUSEMUSIC:false,
}
}
method:{
playMusic(){
let audio = document.getElementById("music");
if (this.PLAYMUSIC = !this.PLAYMUSIC){
audio.pause()
}
if (this.PAUSEMUSIC = !this.PAUSEMUSIC) {
audio.play();
}
}
}