title: How to use v-for in SweetAlert2 html output
body: <p>I'm trying to show the following template in an alert with <code>vue-sweetalert2</code>:</p>
  
  <pre><code>&lt;input v-model="name" class="swal2-input"&gt;
  
  &lt;select v-model="parent" name="parent" class="form-control"&gt;
    &lt;option v-for="category in categories" v-bind:value="category.id"&gt;
      {{category.name}}
    &lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I do not have any problem in a normal template, but I don't know how to use this in <a href="https://sweetalert2.github.io" rel="nofollow noreferrer">SweetAlert2</a>.</p>
  
  <p>I tried this code:</p>
  
  <pre><code>this.$swal({
    text: 'edit child',
    html:
     '&lt;input v-model="name" class="swal2-input"&gt;' +
     `&lt;select v-model="parent" name="parent" class="form-control"&gt;
        &lt;option value=""&gt;nothing&lt;/option&gt;
        &lt;option v-for="category in categories" v-bind:value="category.id"&gt;
          {{category.name}}
        &lt;/option&gt;
      &lt;/select&gt;`,
    showCancelButton: true,
    confirmButtonText: 'edit',
    cancelButtonText: 'cancel',
    showCloseButton: true,
  })
  </code></pre>
  
  <p>but it shows me nothing.</p>