javascript - Vue.js - Prop 未定义

Question

我将根属性(名为“columnCollapsed”的对象)传递给名为“data-row”的子组件(见下文)，但它显示为未定义。这可能是范围问题吗？它可能很简单 - 任何帮助将不胜感激!

似乎是罪魁祸首的片段:

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

这是完整的 fiddle :https://jsfiddle.net/wk7k8Lfa/1/

Chrome Vue DevTools 图片 - 显示变量在根级别可用，但在子级别未定义:

Answer 1

您需要执行 :column-collapse="column Collapsed"。

你想要在 html 中使用连字符，在 JS 中使用驼峰命名法。我知道这一点，它经常咬我的屁股。