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

Question

我无法使用v-for渲染嵌套对象的内容，有一个包含对象的道具，但是当我做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>

我的道具：

Answer 1

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

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

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