VueJS - Как проверить истинность объекта объектов для v-if

Question

У меня есть этот объект встреч, который имеет три набора ключей. Я пытаюсь найти чистый способ JS, чтобы проверить правдивость для v-if, когда все три блочных массива пусты а-ля:

{ 
    "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>