title: Vuejs check a row to see if it's not null
body: <p>I'm retrieving an object from my database and somme fields are nullable. I don't know how to check a particular  to know the value.</p>
  
  <pre><code>&lt;tr v-for="soin in soins" :key="soin.id"&gt;
    &lt;td&gt;{{soin.date}}&lt;/td&gt;
    &lt;td&gt;{{soin.typesoin.name}}&lt;/td&gt;
    &lt;td&gt;{{soin.categoriesoin.name}}&lt;/td&gt;
    &lt;td&gt;{{soin.price}}&lt;/td&gt;
    &lt;td&gt;{{soin.priceWithReduction}}&lt;/td&gt;
  
    &lt;!-- Nullable --&gt;
    &lt;td&gt;{{soin.rabaisraison.name}}&lt;/td&gt; 
    &lt;!-- If null display nothing, if not, display value. --&gt;
  </code></pre>
  
  <p>Same when I'm passing data to editing</p>
  
  <pre><code>&lt;!--Buttons--&gt;
                      &lt;td&gt;
                          &lt;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')"&gt; &lt;font-awesome-icon icon="edit" /&gt;&lt;/b-button&gt;
  
                          &lt;b-button @click="deleteSoin(soin.id)"&gt; &lt;font-awesome-icon icon="trash" /&gt;&lt;/b-button&gt;
                      &lt;/td&gt;
  </code></pre>
  
  <p>Thanks for reading</p>