Vue - リアクティブメディア.readyState

Question

Vue.jsを使用して、オーディオドーム要素のreadyStateプロパティをリアクティブプロパティとして使用したいと思います。

私はコンポーネント内のaudio要素を持っており、これでそれにアクセスする$ refs.audioPlayer

私はプロパティを返すように計算されたプロパティを設定しようとしている：。

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

これは単に初期を返します。メディアがロードされている状態（0）の場合、これは4に変更されます。

これをリアクティブプロパティにする方法はありますか？

Answer 1

コンポーネントが作成されたときにfalseに設定されているaudioLoadedというプロパティを追加することで、この必要性が回避されました。 trueに取り付けられたセットで

この機能は、音声の準備ができている：

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