einen Verweis auf ein untergeordnetes Element Vue Get

Question

Ich habe eine Vue.js Komponente in dem die Vorlage wie folgt aussieht:

<template> 
    <div> 
    <div class="map" /> 
    <div class="something-else" /> 
    </div> 
</template> 

Im <script> Teil Ich mag würde map einen Verweis auf das Element mit der Klasse erhalten. Ich weiß, dass Sie this.$el verwenden können, um das äußerste Element zu referenzieren, aber wie würde ich eines seiner Kinder auswählen? Ich würde es vorziehen, die CSS-Klasse nicht als Selektor zu verwenden, da es viele Instanzen dieser Komponente geben könnte, die alle dieselbe Klasse haben.

Mein Anwendungsfall ist, ich muss ein DOM-Element an die constructor für Leaflet, eine Mapping-Bibliothek übergeben.

Answer 1

Ich weiß nichts über Leaflet, aber Sie würden wahrscheinlich eine ref verwenden.

<template> 
    <div> 
    <div class="map" ref="map" /> 
    <div class="something-else" /> 
    </div> 
</template> 

In Ihrer Komponente

mounted(){ 
    new Leaflet(this.$refs.map) 
}