Vue.js - 道具未定义
Vue.js - Prop Undefined
我正在将根属性（名为 "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 的图像 - 显示变量在根级别可用，但在子级别未定义：
你需要做 :column-collapsed="columnCollapsed".
您需要 html 中的连字符，JS 中的驼峰式大小写。我知道这个，它经常咬我的屁股。
我正在将根属性（名为 "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 的图像 - 显示变量在根级别可用，但在子级别未定义：
你需要做 :column-collapsed="columnCollapsed".
您需要 html 中的连字符，JS 中的驼峰式大小写。我知道这个，它经常咬我的屁股。