Vue.js - 在V-For中传递多个道具给孩子

Question

我正在尝试使用可折叠列创建一个表，但无法使表头主体与标题一起折叠。 这是一个小提琴，它清楚地说明了我正在尝试做什么： https ： //jsfiddle.net/ufw4f5qc/9/这里是一个小提琴我试过的产生错误： https ： //jsfiddle.net/oafw74hz/ 2 /

这个问题很可能与孩子和父母的范围有关。 我正在使用道具传递从父母到孩子的变量，但似乎孩子不接受它。 我是否正确绑定了prop columnCollapsed？

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

在控制台中获取以下错误：

vue.js：2611 [Vue warn]：渲染组件时出错

未捕获的TypeError：无法读取未定义的属性“项目”

旁注：您可能会注意到我在父组件和子组件中重复了一些方法和过滤器（formatDollars，formatPercent等）的代码 - 如果您有任何关于在它们之间共享此代码的提示，请告诉我们！ :)

Answer 1

需要做的事：

件：柱塌陷=“columnCollapsed”

想要html中的连字符，JS中的camelCase。

希望这有助于某人！ （答案是感谢Bill Criswell）