javascript - 如何正确使用 v-if 和 v-for 嵌套对象 vue js

Question

我无法使用 v-for 渲染嵌套对象内容，有一个包含对象的 prop，但当我执行 v-if="prop"时，div 没有显示。请帮忙如何解决。这是我用于渲染的语法:

<div v-if="statisticBrandBrowsers && statisticBrandBrowsers.length">
  <div v-for="(item, index) in statisticBrandBrowsers">
    <div>View: {{item.page_view.hits}}</div>
  </div>
</div>

我的 Prop :

Answer 1

问题出在条件渲染内部，而不是在 v-for 循环内部，因为对象没有名为 length 的属性，因此您应该执行以下操作:

<div v-if="statisticBrandBrowsers && Object.values(statisticBrandBrowsers).length">

Object.values(statisticBrandBrowsers) 将为您提供一个具有 length 属性的数组