我尝试创建一个包含可折叠列的表格,但无法通过标题折叠表格主体。这是一个小提琴,它清楚地说明了我想要做的事情: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:无法读取属性&#39; Project&#39;未定义的
旁注:您可能会注意到我在父组件和子组件中重复了一些方法和过滤器(formatDollars,formatPercent等)的代码 - 如果您有关于在它们之间共享此代码的任何提示,请执行我知道! :)
答案 0 :(得分:2)
需要做的事:
:柱塌陷=&#34; columnCollapsed&#34;
想要html中的连字符,JS中的camelCase。
希望这有助于某人! (答案是感谢Bill Criswell)