title: Vue material dialog - Clear v-model when open dialog
body: <p>I’ve made a dialog using vu- material, everything works fine but I have a form inside the dialog which I want to clean every time I open the dialog, the problem is if I don’t change page, all my v-model inside the dialog keep the data I have before closing the dialog.
  I tried using created / mounted / updated hook to clean my v-model but these hooks don’t get triggered when I don’t change page.</p>
  
  <p>Here's a part of my code :</p>
  
  <p><strong>Toolbarnav.vue :</strong></p>
  
  <pre><code>&lt;template&gt;
  ...
  &lt;md-dialog md-open-from="#uploadBtn" ref="uploadDialog"&gt;
    &lt;md-dialog-title&gt;Upload file&lt;/md-dialog-title&gt;
    &lt;md-dialog-content&gt;
      &lt;upload-dialog&gt;&lt;/upload-dialog&gt;
    &lt;/md-dialog-content&gt;
    &lt;md-dialog-actions class="md-align-center"&gt;
      &lt;md-button class="md-primary" @click.native="closeUploadDialog()"&gt;Fermer&lt;/md-button&gt;
    &lt;/md-dialog-actions&gt;
  &lt;/md-dialog&gt;
  ...
  &lt;/template&gt;
  &lt;script&gt;
  ...
  openUploadDialog() {
      this.$refs.uploadDialog.open();
    },
    closeUploadDialog() {
      this.$refs.uploadDialog.close();
    },
  ...
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>UploadDialog.vue :</strong></p>
  
  <pre><code>&lt;template&gt;
  ...
  &lt;md-input-container&gt;
      &lt;label&gt;Nom&lt;/label&gt;
      &lt;md-input id="nom" v-model="nom"&gt;&lt;/md-input&gt;
  &lt;/md-input-container&gt; 
  &lt;md-input-container&gt;
      &lt;label&gt;Prénom&lt;/label&gt;
      &lt;md-input id="prenom" v-model="prenom"&gt;&lt;/md-input&gt;
  &lt;/md-input-container&gt; 
  &lt;md-input-container&gt;
      &lt;label&gt;Email&lt;/label&gt;
      &lt;md-input id="email" v-model="email"&gt;&lt;/md-input&gt;
  &lt;/md-input-container&gt; 
  ...
  &lt;/template&gt;
  &lt;script&gt;
  ...
  name: upload-dialog',
  data() {
    return {
      files: [],
      nom: '',
      prenom: '',
      email: '',
    };
  },
  ...
  created() {
      this.files = [];
      this.nom = '';
      this.prenom = '';
      this.email = '';
  },
  &lt;/script&gt;
  </code></pre>
  
  <p>Any idea to do this ?
  Thanks</p>