Vue.js - 支持未定義

Question

我將一個根prop（對象稱爲「columnCollapsed」）傳遞給名爲「data-row」的子組件（見下文），但它顯示爲未定義。這可能是範圍問題嗎？它可能很簡單 - 任何幫助將不勝感激！

片段，這似乎是罪魁禍首：

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

以下是完整的小提琴：https://jsfiddle.net/wk7k8Lfa/1/

鉻Vue公司DevTools的圖片 - 顯示在子級別可在根部，但未定義的變量：

Answer 1

您需要做:column-collapsed="columnCollapsed"。

你想在html中使用連字符，在JS中使用camelCase。我知道這和它咬我屁股定期。