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

Question

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

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

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

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

score 1 · Accepted Answer

创建一个计算属性：

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

v-if然后在您的语句中使用计算的：

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

1 回答 1