問題：點擊后替換url地址，實現了，但是播放器依舊沒有反應。
解決：vue中動態替換只是替換了地址，并沒有告訴audio標簽是否要執行，執行什么操作。要load后才能讓它知道，是在喊他，他需求進行操作了！
頁面設計用的是element
點擊試聽的時候彈出效果，點擊x的時候，關閉音樂。
?
代碼
<transition name="el-zoom-in-bottom"><div class="mp3Audio" v-show="mp3Audio"><div class="audioClose" @click="closeAudio"><i class="el-icon-close"></i></div><div class="mp3Name">{{mp3Name}}</div><audio controls="controls" ref="audioRef"><source :src="mp3Url" type="audio/mp3"/><source :src="mp3Url" type="audio/ogg"/>Your browser does not support this audio format.</audio></div></transition>?
// 點擊試聽，綁定地址，dom，自動播放handleListen(row) {console.log(row);this.mp3Name = row.ptitlethis.mp3Url = row.purlthis.mp3Audio = trueconst audioRef = this.$refs.audioRefaudioRef.load()audioRef.play()},// 關閉播放器closeAudio() {const audioRef = this.$refs.audioRefaudioRef.pause()this.mp3Name = ""this.mp3Url = ""this.mp3Audio = false},
)
)
