2016-12-31 2 views
4

Я передаю корневую опору (объект, называемый «columnCollapsed») дочернему компоненту, называемому «строка данных» (см. Ниже), но он отображается как неопределенный. Может ли это быть проблемой сферы? Возможно, что-то простое - любая помощь будет принята с благодарностью!Vue.js - Prop Undefined

Отрывок, который, кажется, преступник:

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

Вот полная скрипка: https://jsfiddle.net/wk7k8Lfa/1/

Изображение Chrome Vue Devtools - показывает переменное доступную в корне, но неопределенном на уровне ребенка: Image of Chrome Vue DevTools - showing variable available at root, but undefined at child level:

ответ

4

Вам необходимо сделать :column-collapsed="columnCollapsed".

Вы хотите дефисы в html, camelCase в JS. I знаю это и это регулярно укусывает меня в попку.

+0

Ничего себе! Спасибо, Билл! Это уже немного подрезает меня в попку! Спасибо! В соответствующей заметке я не уверен, посмотрел ли вы на скрипку, но у меня есть некоторые фильтры, используемые для форматирования чисел (formatDollars, formatPercent и т. Д.), И я повторил код у ребенка и родителя - у вас есть подсказка для создания дочерних фильтров для детей? – FirstRedPepper

+0

Они кажутся похожими, поэтому я бы подумал о том, чтобы положить их в mixin и импортировать их в нужные мне компоненты. Если вы найдете их везде, вы можете сделать их глобальными с помощью Vue.filter ('formatPercent', ...) '. –

+0

Невозможно просто поделиться с детьми. –

Смежные вопросы