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

Question

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

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

我一直在尝试使用Object.values()。例如，如果所有数组都为真，则此代码将 return 为真，如果其中一个为空，则为假：

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>

VueJS - How to check the truthiness of an object of objects for a v-if