访问一个VUE组件

Question

内的ID标签我内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> 

现在我想在模板中定义的ID GISMap传进我的initGISMap功能，使地图可以被创建。但是，如何正确传递此标签？

Answer 1

您可以使用Vue的道具：http://vuejs.org/api/#props

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

那么你的组件内部：

props: ['id'], 

您可以从您的方法来访问它，就像你访问数据的属性。

例：

console.log(this.id) 

这将输出GISMap