时间戳

首页 > 解决方案 > Vuejs 检查一行是否不为空

vue.js - Vuejs 检查一行是否不为空

问题描述

我正在从我的数据库中检索一个对象，并且某些字段可以为空。我不知道如何检查某个特定值以了解其价值。

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

谢谢阅读

标签： vue.jsvuejs2

解决方案

使用v-if：

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

如果name为空，则不会打印任何内容，因此在这种情况下您只需要检查它的父级。

推荐阅读