const EventLevelBoard = {
name: "EventLevel",
data: {
levelStyle: {
display: "block"
},
levelStyleinner: [
{ display: "block" },
{ display: "block" },
{ display: "block" }
]
},
template: `<ul class="eventlevel" v-bind:style="{data.levelStyle}">
<li v-for="(item, idx) in eventlist" v-key="idx" v-bind:style="levelStyleinner[idx]"><strong class="name">{{item.name}}</strong>
<strong class="size">{{item.size}}</strong></li>
</ul>`,
props: {
eventlist: {
type: Array
}
}
};
Error in the Console:
The properties data.levelStyle and data.levelStyleinner are not defined
What could be causing these data properties to go missing?