Vue.js - 未定义的道具

Question

我将一个根支柱（称为“columnCollapsed”的对象）传递给名为“data-row”的子组件（见下文），但它显示为未定义。这可能是范围问题吗？它可能很简单 - 任何帮助都会非常感激！

似乎是罪魁祸首的片段：

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

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

Chrome Vue DevTools的图片 - 显示变量在root用户可用，但在子级别未定义：

Answer 1

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

你想在html中使用连字符，在JS中使用camelCase。我知道这个，它经常咬我的屁股。