Question

我正在从数据库中检索对象，因此somme字段可为空。我不知道如何检查特定对象以了解其值。

<tr v-for="soin in soins" :key="soin.id">
  <td>{{soin.date}}</td>
  <td>{{soin.typesoin.name}}</td>
  <td>{{soin.categoriesoin.name}}</td>
  <td>{{soin.price}}</td>
  <td>{{soin.priceWithReduction}}</td>

  <!-- Nullable -->
  <td>{{soin.rabaisraison.name}}</td> 
  <!-- If null display nothing, if not, display value. -->

与将数据传递给编辑时相同

<!--Buttons-->
                    <td>
                        <b-button @click="editingModalSoin(

                            soin.date, soin.price, soin.priceWithReduction, soin.referedBy, //Values

                            soin.moyendepaiement.id, soin.rabaisraison.id, 

                            soin.boncadeau.id, soin.bonreduction.id,//FK can be equal to null how do I do that

                            soin.categoriesoin.id, soin.typesoin.id,//FK
                            soin.id//rowid


                        ); setCRUDState('edit')"> <font-awesome-icon icon="edit" /></b-button>

                        <b-button @click="deleteSoin(soin.id)"> <font-awesome-icon icon="trash" /></b-button>
                    </td>

感谢阅读

Answer 1

使用v-if：

<td>
  <template v-if="soin.rabaisraison">
  {{soin.rabaisraison.name}}
  </template>
</td>

如果name为null，则不会打印任何内容，因此在这种情况下，您只需检查其父项即可。

Vue.js检查一行是否不为空

1 个答案: