Vue.js - Prop Undefined

Question

I pass the root support (an object called "columnCollapsed") to a child component called a "data row" (see below), but it displays as undefined. Could this be a sphere problem? Perhaps something simple - any help would be greatly appreciated!

A fragment that seems to be the culprit:

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

Here is the full fiddle: https://jsfiddle.net/wk7k8Lfa/1/

Chrome Vue DevTools image - shows a variable available in the root directory, but undefined at the child level:

Answer 1

You need to do :column-collapsed="columnCollapsed".

html, camelCase JS. , .