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

问题描述 投票:0回答:2
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数组中的另一个对象] .. 。

vue.js coffeescript
2个回答
1
投票

我认为您只想要这个:


0
投票

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

© www.soinside.com 2019 - 2024. All rights reserved.