如果数组中的值匹配,则Vue绑定类

时间:2019-10-18 14:42:50

标签: vue.js

我正在显示表数组,并且如果该表已有票证,我会打印票证编号:

service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
      allow read;
      allow create;
    }
  }
}

如果有一张票证,我想用“ table-full”类代替。我想不出解决方案,因为触发类的值在子div中,而该类必须应用于父div。

1 个答案:

答案 0 :(得分:1)

您可以在父div中添加函数

在此处查找有效的Codepen:https://codepen.io/chansv/pen/ExxgJBO

mergeWith(...myObjects, myCustomizer)

在脚本中添加了方法

<div :class="emptyOrFull(table.id)" v-for="table in tables" :key="table.id">
  {{table.name}}
  <div v-for="ticket in tickets" :key="ticket.id">
    <p  v-if="ticket.table_id === table.id">{{ticket.number}}</p>
  </div>
<div>