2017-10-17 2 views
0

でルートコンポーネントの小道具は、私はそのようなコンポーネントとサブコンポーネントのセットを持っています。アクセス私のページでVueJS

今、私はすべてのTournamentTabsの子供たちに利用できるように小道具トーナメントをしたいと思いますが、this.tournamentにアクセスするとき、私は私がすべてのchidlrenでtournament値にアクセスする必要がありますどのようにundefined

を取得します?

+3

[Vue.js子コンポーネントからの親/ルートデータへのアクセス](https://stackoverflow.com/questions/34122517/vue-js-access-parent-root-data-from-a-child)の可能な複製コンポーネント) – tptcat

+0

コンポーネントのコードを表示できますか?スロットからそのデータにアクセスしようとしていますか? –

+0

スロットを使用しません。私はできる限りコードを共有します。私は私の車にいる:) –

答えて

1

これを実行する方法はたくさんあります。

まず、TournamentTabsは私が見るようにルートコンポーネントではありません。ルートコンポーネント - どこでもthis.$root経由でアクセスできるVueインスタンスがマウントされるコンポーネント(ほとんどの場合div#app)です。

this.$parent.tournamentからアクセスできますが、深いネストされたコンポーネントからプロパティにアクセスする必要がある場合は、this.$parent.$parent.$parent....tournamentのようになりますので、これは最善の方法ではありません。

vuexライブラリを使用して、中央アプリケーションストレージを実装できます。

関連する問題