title: How to call a vuetify component in a leaflet marker?
body: <p>I am trying to open a v-dialog when I click on a marker, but I don't know how can I do that.</p>
  
  <p>I already try to create a method in the script of the vue, but I don't know how to open it by this way and I can't call this method.
  I also tried to directly to create an instance but I failed.</p>
  
  <p>Javascript</p>
  
  <pre><code>for(var i = 0; i &lt; coord.total; i++){
                L.marker([lat,long], {title: name}).addTo(mymap).on('click', function(e) {
                  //Open the v-dialog
                });
              }
  </code></pre>
  
  <p>Vue</p>
  
  <pre><code>&lt;v-dialog v-model="dialog" width="600px"&gt;
    &lt;v-btn slot="activator" flat color="blue darken-3"&gt;
      &lt;v-icon right&gt;info&lt;/v-icon&gt;
    &lt;/v-btn&gt;
    //Some stuff
  
  &lt;script&gt;
  export default {
    name: 'Detail',
    data() {
      return {
        dialog: false
      }
    },
    props: {
       equip: Object,
    }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>Thanks for the help</p>