Vue 、H5音乐播放器播放音乐

需求：做成切换按钮播放音乐

 

 

 

 <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();
  }
}

}