2017-12-22 21 views
1

私はしばらく検索してみましたが、既にそこにあると思われる回答が見つかりませんでした。同じ小道具を子コンポーネントに繰り返し渡すことを避けるVuejs

私のアプリケーションでは、同じ小道具をさまざまな子コンポーネントに繰り返し渡す必要があることがわかりました。たとえば、親コンポーネントでモーダル可視性を切り替える方法があります。次に、モーダルを切り替えるために、いくつかの子コンポーネントがこのメソッドにアクセスする必要があります。

<nav-bar 
    :toggleForm='toggleForm'> 
</nav-bar> 
<header-content 
    :toggleForm='toggleForm'> 
</header-content> 

ここで繰り返しを避ける方法はありますか?私は同じ小道具タイプのチェックを別の子コンポーネントに&のチェックを書かなければならないからです。それは多くの繰り返しのように感じる。

この問題を解決するにはVuexを使用する必要がありますか?それとも、状態管理システムを追加せずに解決できるのでしょうか?

ありがとうございます。

+1

はいあなたはvuexまたは別の方法を使用する必要がありますが、 '使用されるだろうあなたの子供のコンポーネントプロパティを変更するためのイベント(その場合、あなたは小道具を渡す必要はありませんが、それでもイベントを聞いてそれに従って行動する必要があります) –

+1

小道具を定義するmixinを作ることができます。 'inheritAttrs:false'と' v-bind = "attrs" '(google it)を行うこともできます。 –

答えて

0

お返事ありがとうございます。答えに基づいてさらに検索した後、これらはいくつかの解決策です。親/子コンポーネントのための

  1. 使用イベント:doc
  2. 使用イベント・バス、それはコンポーネント間だ場合:doc
  3. 使用Vuex
関連する問題