einen ID-Tag innerhalb einer vue Komponente

Question

Zugriff habe ich diese Komponente innerhalb VUE:

<template> 
    <div class="col-md-6"> 
     <div id="GISMap" v-el:map></div> 
    </div> 
</template> 

<script> 
    import GoogleMaps from '../mixins/GoogleMaps.js'; 

    export default { 
     mixins: [GoogleMaps], 

     data() { 
      return { 
       initialLocation: '' 
      } 
     }, 

     events: { 
      MapsApiLoaded: function(data) { 
       this.$set('initialLocation', this.createInitialLocation(48.184845, 11.252553)); 
       initGISMap(this.$el.map, this.initialLocation); 
      } 
     } 
} 
</script> 

Jetzt möchte ich GISMap die ID passieren in der Vorlage in meine initGISMap Funktion definiert, so dass die Karte erstellt werden kann. Aber wie gebe ich dieses Tag richtig?

Answer 1

können Sie Vue Requisiten: http://vuejs.org/api/#props

<template> 
    <div class="col-md-6"> 
    <div id="GISMap" :id="GISMap" v-el:map></div> 
    </div> 
</template> 

Dann in Ihrer Komponente:

props: ['id'], 

Sie es von Ihrer Methode zugreifen können wie Sie Dateneigenschaften zugreifen.

Bsp .:

console.log(this.id) 

Dies wird Ausgang GISMap