partNav = Vue.component('part-nav', {
data:
navItems: [
{
subItems: [
{...}
{...}
]
}
{...} # another object in navItems array
]
template: '
<div
v-for="(navItem, navItem_index) in navItems"
:style="[ navItem.subItems ? { height: (1.3 + 2 * 0.75) * navItem.subItems.length + \'rem;\' } ]"
>
</div>
'
})
无效的表达式:...]中的意外标记']'
我如何应用此样式绑定-如果v-for中的navItem具有subItems数组,然后应用样式(一个元素的高度乘以subItems的长度)?
作为帮助,我已使用此post。
partNav = Vue.component('part-nav',{数据:navItems:[{子项:[{...} {...}]} {...}#navItems数组中的另一个对象] .. 。
我认为您只想要这个:
您可以删除三元并仅使用检查