用法及び注入の上位を提供VUE

この方法は、親コンポーネントで定義されたときに1、2もまた行う方法を使用するサブアセンブリ、使用する必要があり、今回はそれが便利になることができます

提供:オブジェクト| ()=>オブジェクト
ジェクト:配列<文字列> | {[キー:文字列]:文字列| シンボル| オブジェクト}

親コンポーネント

<テンプレート> 
  の<div 
    のid = "アプリ" 
  > 
    <ルータビュー
      V-IF = "isRouterAlive" 
    /> 
  </ div> 
</テンプレート> 

<スクリプト> 
輸出デフォルト{ 
  名: 'アプリケーション'、
  コンポーネント:{ 
  
  }、
  データ(){ 
    リターン{ 
      isShow:偽、
      isRouterAlive:真
  } 

//父组件中返回要传给下级的数据
  提供(){ 
    リターン{ 
      リロード:this.reload 
    } 
  }、
  メソッド:{ 
    リロード(){ 
      this.isRouterAlive = falseの
      本。$ nextTick(()=> { 
        この。isRouterAlive =真
      }) 
    } 
  }
} 
</ SCRIPT>

  サブアセンブリ

<テンプレート> 
  <ポップアップ割り当て
    :ID = "ID" 
    成功@ = "successHandle" 
  > 
    <DIV CLASS = "確認-D-TIT"> <スパンクラス= "グレー小BTN"> {{名前}} < /スパン> </ div> 
    <強い>将被分配给</ strong>の
    <a 
      slot="reference" 
    class="unite-btn">
       
      指派
    </a>の
  </ポップアップアサイン> 
</テンプレート> 
<スクリプト> 
'../PopupAssign'からインポートPopupAssign 
エクスポートデフォルト{ 
//引用VUEリロード方法
  注入:[ 'リロード']、
  コンポーネント:{ 
    PopupAssign 
  }
方法:{ 
    // ... mapActions([ 'freshList'])、
    successHandle非同期(){ 
      this.reload()
    } 
  } 
} 
</ SCRIPT>

 サブ組立方法のこの実現には組立方法間で転送データにコンポーネントを実装することを考えて、個人的に、リロードの転送リフレッシュ機能VUEコンポーネントを達成します。 

おすすめ

転載: www.cnblogs.com/hongyungo/p/12363118.html