4

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

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

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

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

vue.js:2611 [Vue 警告]：渲染组件时出错

未捕获的类型错误：无法读取未定义的属性“项目”

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

4

1 回答 1

2

需要做的：

:column-collapsed="columnCollapsed"

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

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

于 2017-01-01T16:32:52.223 回答