ヴュー・ディレクティブ：componentUpdated

を更新した後

更新が呼び出されたドキュメントの状態とその

compontedUpdatedを含有する成分の後に呼び出され、その子供たちは更新しました。

しかし、実際の使用例はどれを選択するのですか？

2017-07-21 Joe Park

外部的に更新する必要があるコンポーネントのグループがある場合はどうなりますか？私は、あなたが何か他のものが更新されたときに何か変わるものがあれば、頭の上から見ることができる唯一の本当の価値はあると思います。

あなたはpdfをレンダリングしており、レンダリングの終了時にビューアの境界線を変更したいとします。 divにファイルをドロップし、このpdfをロードしてレンダリングする必要があるとします。 div要素をコンポーネントにして、それを実行するために必要な関数を追加するとします。

次に、pdfがyo $を読み込んで、親にメッセージを送信して更新するように伝えます。変数を設定した後、親コンポーネントが更新されると、変数の内容を確認し、それに応じて境界を変更します。このようにして、アプリは適切なタイミングで更新されます。オブジェクトがロードされ、オブジェクトが変更/削除されたとき。

<template> 
    <html> 
     <border></border 
    </html> 
</template> 

<script> 


Vue.component('pdf-renderer', { 
    data(){ 
     pdf:null, 
    }, 
    methods:{ 
     renderPDF(){ 
      //your code here 
      this.$emit('done') 
     } 
    }, 

} 

Vue.component('border', { 
    template: '<div><pdf-renderer v-on:done="rendered()"></pdf-renderer></div>' 
    data(){ 
     return { 
      isRendered:false 
     }, 
    }, 
    methods: { 
     rendered(){ 
      this.isRendered = true; 
     } 
    }, 
    updated() { 
     if(this.isRendered){ 
      //border settings 
     } else { 
      //other border settings 
     } 
    } 
} 


</script>

出典

2017-07-21 08:02:54

ヴュー・ディレクティブ：componentUpdated

答えて

関連する問題