2016-12-31 2 views
2

Я пытаюсь создать таблицу со складными столбцами, но не могу заставить тело таблицы свернуть с заголовками. Вот скрипка, которая дает понять, что я пытаюсь сделать: https://jsfiddle.net/ufw4f5qc/9/ и вот скрипка, которую я пробовал сделать, которая порождает ошибку: https://jsfiddle.net/oafw74hz/2/Vue.js - Проход в нескольких реквизитах для ребенка в V-For

Проблема, скорее всего, будет связана с охватом ребенка и родителя. Я передаю переменную от родителя к дочерней, используя реквизит, но, похоже, ребенок не принимает ее. Я привязываю колонку propCollapsed правильно?

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

В консоли получить следующие ошибки:

vue.js:2611 [Vue warn]: Error when rendering component

Uncaught TypeError: Cannot read property 'Project' of undefined

Side Примечание: вы можете заметить, что я повторил код для некоторых методов и фильтров (formatDollars, FormatPercent и т.д.) в обоих родителей и дочерний компонент - если у вас есть какие-либо советы по обмену этим кодом между ними, дайте мне знать! :)

ответ

1

необходимо сделать:

:column-collapsed="columnCollapsed"

Хочет дефис в HTML, верблюжий в JS.

Надеюсь, это поможет кому-то! (Ответ был получен благодаря Биллу Крисуэлю)

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