Vue.js - 将多个道具传递给V中的子对于

Question

我试图创建一个包含可折叠列的表，但无法获取表体以折叠标题。这是一个小提琴，它清楚我想要做什么：https://jsfiddle.net/ufw4f5qc/9/，这里是一个小提琴，我试过哪个是产生一个错误：https://jsfiddle.net/oafw74hz/2/

这个问题最有可能与儿童和父母的范围。我使用道具传递一个从父母到孩子的变量，但似乎孩子不会接受它。我是否正确地绑定了prop柱正确移动？

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

在控制台中看到以下错误：

vue.js:2611 [Vue warn]: Error when rendering component

Uncaught TypeError: Cannot read property 'Project' of undefined

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

Answer 1

需要做的：

:column-collapsed="columnCollapsed"

想在HTML连字符，驼峰的JS。

希望这可以帮助别人！ （答案是感谢Bill Criswell）