2016-12-31 96 views
2

我試圖創建一個包含可摺疊列的表,但無法獲取表體以摺疊標題。這是一個小提琴,它清楚我想要做什麼:https://jsfiddle.net/ufw4f5qc/9/,這裏是一個小提琴,我試過哪個是產生一個錯誤:https://jsfiddle.net/oafw74hz/2/Vue.js - 將多個道具傳遞給V中的子對於

這個問題最有可能與兒童和父母的範圍。我使用道具傳遞一個從父母到孩子的變量,但似乎孩子不會接受它。我是否正確地綁定了prop柱正確移動?

<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

旁註:你可能會注意到我在兩個父重複一些方法和過濾器的代碼(formatDollars,formatPercent等)兒童組件 - 如果您有任何關於在他們之間共享此代碼的提示,請告訴我! :)

回答

1

需要做的:

:column-collapsed="columnCollapsed"

想在HTML連字符,駝峯的JS。

希望這可以幫助別人! (答案是感謝Bill Criswell)