Vue.js - V-For에서 여러 소품을 자녀에게 전달

Vue.js - V-For에서 여러 소품을 자녀에게 전달

접을 수 있는 열이 있는 테이블을 작성하려고 하는데 표 본문이 머리글과 함께 접힐 수 없습니다.다음은 제가 하려는 일을 명확히 하는 바이올린입니다.https://jsfiddle.net/ufw4f5qc/9/과 제가 시도한 바이올린으로 인해 오류가 발생하였습니다.https://jsfiddle.net/oafw74hz/2/

이 문제는 자녀와 부모의 범위와 관련이 있을 가능성이 높다.소품을 사용하여 부모에서 아이로 변수를 전달하고 있지만, 아이는 그것을 받아들이지 않는 것 같습니다.소품 컬럼이 올바르게 결합되었습니까?

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

콘솔에서 다음 오류가 발생합니다.

vue.js:2611 [Vue warn] :구성 요소를 렌더링하는 동안 오류 발생

Uncaughed TypeError: 정의되지 않은 속성 'Project'를 읽을 수 없습니다.

주의: 부모 컴포넌트와 자녀 컴포넌트 양쪽에서 일부 메서드와 필터(formatDollars, formatPercent 등)에 대해 코드를 반복하고 있는 것을 알 수 있습니다.이 코드를 공유하는 힌트가 있으면 알려주세요! : ).

필요한 작업:

: column-collapsed="column collapsed"

하이픈은 html, camelCase는 JS로 입력해 주세요.

이것이 누군가에게 도움이 되기를 바랍니다! (답은 빌 크리스웰 덕분입니다.)

언급URL : https://stackoverflow.com/questions/41409732/vue-js-pass-in-multiple-props-to-child-in-v-for