2016-12-31 4 views
4

"data-row"(以下を参照)と呼ばれる子コンポーネントにルートプロップ( "columnCollapsed"というオブジェクト)を渡していますが、未定義として表示されます。これはスコープの問題でしょうか?おそらく何か簡単です - どんな助けでも大歓迎です! Image of Chrome Vue DevTools - showing variable available at root, but undefined at child level:: - 犯人であるように思わVue.js - Prop Undefined

スニペット:子レベルでのルートでご利用いただけますが、未定義の変数を示すhttps://jsfiddle.net/wk7k8Lfa/1/

クロームVueのデベロッパーツールの画像:ここで

<tr is="data-row" v-for="record in recordsFiltered" :record="record" :columnCollapsed="columnCollapsed"></tr> 

がいっぱいフィドルです

答えて

4

あなたは:column-collapsed="columnCollapsed"をする必要があります。

JS内のhtml、camelCaseのハイフンが必要です。私はこれを知っているこれは、それは定期的にお尻で私をかむ。

+0

うわー!ありがとうございました!これはしばらくの間、お尻に私を挟んでいる!ありがとうございました!関連するノートでは、あなたがフィドルを見れば分かりませんが、数字を書式設定するためのフィルタ(formatDollars、formatPercentなど)があります。子と親のコードを繰り返しました。ヒントがありますか子供に親フィルタを提供するためのものですか? – FirstRedPepper

+0

音が似ているので、ミックスインに入れて、必要なコンポーネントにインポートすることを検討したいと思います。どこでもそれらを必要としている場合は、 'Vue.filter( 'formatPercent'、...)'でそれらをグローバルにすることができます。 –

+0

子供と共有する方法はありません。 –

関連する問題