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

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

javascript vuejs2

Javascript Vue.js-在V-For中将多个道具传递给孩子,javascript,parent-child,vuejs2,v-for,Javascript,Parent Child,Vuejs2,V For,我试图创建一个具有可折叠列的表，但无法使表体使用标题折叠。这里有一把小提琴，它清楚地表明了我在尝试做什么：这里有一把小提琴，我尝试了，它产生了一个错误：这个问题很可能与子对象和父对象的范围有关。我使用道具将一个变量从父对象传递给子对象，但子对象似乎不接受它。我是否正确绑定支柱 <tr is="data-row" v-for="record in recordsFiltered" v-bind:record="record" v-

我试图创建一个具有可折叠列的表，但无法使表体使用标题折叠。这里有一把小提琴，它清楚地表明了我在尝试做什么：这里有一把小提琴，我尝试了，它产生了一个错误：

这个问题很可能与子对象和父对象的范围有关。我使用道具将一个变量从父对象传递给子对象，但子对象似乎不接受它。我是否正确绑定支柱

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

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

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

未捕获的TypeError:无法读取未定义的属性“Project”

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

需要做：

：column collapsed=“column collapsed”

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

希望这对别人有帮助！（答案是感谢比尔·克里斯韦尔）