javascript - VueJS - 如何检查 v-if 对象的对象的真实性

Question

我有一个约会对象，它具有三个键控数组。我试图找到一种干净的 JS 方法来检查 v-if 当所有三个 block 数组都为空时的真实性:

{ 
    "block_1": [], 
    "block_2": [], 
    "block_3": [] 
} 

我一直在尝试使用Object.values()。例如，如果所有数组均为 true，此代码将返回 true；如果其中一个数组为空，则此代码将返回 false:

Object.values(appointments).every(item => item.length)

Answer 1

创建计算属性:

hasAppointment() {
  return !!Object.values(this.appointments).find(i => i.length);
}

然后使用您的 v-if 语句中的计算结果:

<div v-if="hasAppointment"></div>