vue.js三元样式绑定-无效的表达式：意外的标记']'

Question

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数组中的另一个对象] .. 。

Answer 1

我认为您只想要这个：

Answer 2

您可以删除三元并仅使用检查