title: Vue v-if statement to check if variable is empty or null
body: <p>I am trying to use a <code>v-if</code> statement to show some HTML only if the <code>archiveNote</code> variable is not empty/null.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div v-if="archiveNote === null || archiveNote ===''" class="form-check ml-3" id="include-note-div"&gt;
  </code></pre>
  
  <p>Here is how it's instantiated </p>
  
  <pre class="lang-js prettyprint-override"><code>export default {
      name: "ConfirmReleaseFilesModal",
      props: {
          archiveName: String,
          archiveNote: String
      },
  </code></pre>
  
  <p>which is then passed in from this other Vue file</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;confirm-release-files-modal
      v-if="showConfirmReleaseFilesModal"
      @cancel="closeModal"
      @confirmAndEmail="releaseAction"
      @confirmNoEmail="releaseAction"
      :archive-name="archiveName"
      :archive-note ="archiveNote"
  &gt;
  &lt;/confirm-release-files-modal&gt;
  </code></pre>
  
  <p>The block of HTML still shows when <code>archiveNote</code> is <code>console.log</code> out as empty</p>