我想在單擊按鈕上更改音頻源。我正在嘗試這個，但我無法接受結果。 在此處輸入圖片說明
data() {
return {
audioSrc: ''
}
},
methods: {
setActiveAudio(item) {
this.$refs.audioElm.src = item;
this.$refs.audioElm.currentTime = 0;
this.$refs.audioElm.crossOrigin = 'anonymus';
this.$refs.audioElm.play();
},
},<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<span class="voice-btn" @click="setActiveAudio('../assets/voice.mp3')"> Click Sound</span>
<audio ref="audioElm" :src="audioSrc"></audio>uj5u.com熱心網友回復：
在與元素互動之前，您必須使用計時器來確保 DOM 已更新，例如
data() {
return {
audioSrc: ''
}
},
methods: {
setActiveAudio(item) {
this.audioSrc = item;
var element = this.$refs.audioElm;
setTimeout(function()
{
element.currentTime = 0;
element.crossOrigin = 'anonymus';
element.play();
}, 0);
},
}
https://jsfiddle.net/AndersBillLinden/6x8hzrga/ 上的作業示例
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/344810.html
標籤：javascript Vue.js