Vue - 反應媒體.readyState

Question

使用Vue.js，我想使用audio dom元素的readyState屬性作爲反應屬性。

我有音頻元素的一個組成部分，與此訪問它$ refs.audioPlayer

我已經嘗試設置一個計算的屬性返回屬性：

audioLoaded(){ 
    if(this.$refs.audioPlayer){ 
     return this.$refs.audioPlayer.readyState; 
    } 
    return false; 
} 

這只是返回初始狀態（0），當媒體加載時，這應該改變爲4.

有沒有什麼辦法可以使這個反應性屬性？

Answer 1

我通過添加一個名爲audioLoaded的屬性來解決這個問題，該屬性在創建組件時設置爲false。

此功能在安裝它設置爲true，當音頻準備：

var self = this; 
this.audioPlayer.oncanplay = function(){ 
    self.audioLoaded = true; 
};