Javascript 有条件地向子元素Vue js发送道具

我想通过这个例子有条件地向数量组件发送道具

<v-card
 class="mx-auto"
 max-width="344"
 shaped
 v-for="(item, index) in allItems || orderedItems"
 :key="index"
>

<Quantity {allItems ? :Items = item : :Ordered = item} />

</v-card>

---

如果

orderedItems

被激活，我想发送订购道具；如果

allItems

被激活，我想发送

项目。
使用
v-bind
：

<Quantity v-bind="quantityProps" />

quantityProps(item) {
  return {
    [this.allItems ? 'Items' : 'Ordered']: item
  }
}