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

Question

我有这个约会对象，它具有三个键控数组。我试图找到一种干净的JS方法来检查v-if的真实性，如果所有三个块数组都为空，则为la：

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

我一直在尝试使用Object.values()。例如，如果所有数组均为真，则此代码将返回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>