title: Vue vuetify Dialog How to tigger dialog component without click
body: <p>How can I tigger the dialog from main file? I have no idea how to tigg ConfirmationDialog value &quot;dislog&quot; to true. Or any other method to do it? Dont want to group the code as a one file.</p>
  <p>That is a component called ConfirmationDialog.vue</p>
  <pre><code>&lt;template&gt;
      &lt;v-layout row justify-center&gt;
          &lt;v-btn color=&quot;primary&quot; dark @click.native.stop=&quot;dialog = true&quot;&gt;Open Dialog&lt;/v-btn&gt;
          &lt;v-dialog v-model=&quot;dialog&quot; max-width=&quot;290&quot;&gt;
              &lt;v-card&gt;
                  &lt;v-card-title class=&quot;headline&quot;&gt;Use Google's location service?&lt;/v-card-title&gt;
                  &lt;v-card-text&gt;Let Google help apps determine location. This means sending anonymous location data to Google, even when no apps are running.&lt;/v-card-text&gt;
                  &lt;v-card-actions&gt;
                      &lt;v-spacer&gt;&lt;/v-spacer&gt;
                      &lt;v-btn
                          color=&quot;green darken-1&quot;
                          flat=&quot;flat&quot;
                          @click.native=&quot;dialog = false&quot;
                      &gt;Disagree&lt;/v-btn&gt;
                      &lt;v-btn color=&quot;green darken-1&quot; flat=&quot;flat&quot; @click.native=&quot;dialog = false&quot;&gt;Agree&lt;/v-btn&gt;
                  &lt;/v-card-actions&gt;
              &lt;/v-card&gt;
          &lt;/v-dialog&gt;
      &lt;/v-layout&gt;
  &lt;/template&gt;
  &lt;script&gt;
  export default {
      data() {
          return {
              dialog: false
          }
      }
  }
  &lt;/script&gt;
  
  </code></pre>
  <p>Main File:</p>
  <pre><code>&lt;template&gt;
  &lt;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;col-12&quot;&gt;
          &lt;confirmationDialog&gt;&lt;/confirmationDialog&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/template&gt;
  &lt;script&gt;
  import confirmationDialog from '../confirmationDialog'
  export default {
      data() {
          return {}
      },
      components: {
          confirmationDialog
      },
      methods: {
          update() {
              // Todo: Tigger Confirmation Dislog
          }
      },
  }
  &lt;/script&gt;
  </code></pre>