旅游网站对比模板,网站推广的渠道有,做设计兼职的网站有哪些,网站app免费制作问题#xff1a;点击后替换url地址#xff0c;实现了#xff0c;但是播放器依旧没有反应。 解决#xff1a;vue中动态替换只是替换了地址#xff0c;并没有告诉audio标签是否要执行#xff0c;执行什么操作。要load后才能让它知道#xff0c;是在喊他#xff0c;他需求…问题点击后替换url地址实现了但是播放器依旧没有反应。 解决vue中动态替换只是替换了地址并没有告诉audio标签是否要执行执行什么操作。要load后才能让它知道是在喊他他需求进行操作了
页面设计用的是element
点击试听的时候弹出效果点击x的时候关闭音乐。 代码 transition nameel-zoom-in-bottomdiv classmp3Audio v-showmp3Audiodiv classaudioClose clickcloseAudioi classel-icon-close/i/divdiv classmp3Name{{mp3Name}}/divaudio controlscontrols refaudioRefsource :srcmp3Url typeaudio/mp3/source :srcmp3Url typeaudio/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},
