Vuejs проверить строку, чтобы увидеть, если это не нуль

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 равно нулю, оно ничего не печатает, поэтому в этом случае вам нужно только проверить его родитель.