Zugriff auf Komponente von DOM-Element

Question

Komponente der Vorlage:

<template id='someComponentTemplate'> 
    <div id="{{ item.id }}"> 
    <span>{{ item.title }}</span> 
    </div> 
</template> 

Liste Zeug:

<someComponent v-for="item in items" :item=item></someComponent> 

Elements Erste Komponente von id

var element=document.getElementById('id123'); 

Jetzt möchte ich den Zugriff auf genaue Komponente erhalten Objekt, das das gefundene DOM-Element behandelt. Ist es möglich?

Answer 1

Falls jemand eine Lösung brauchen, hier ist es:

Zunächst sollten Sie Komponente Schablonenkörper in zusätzliche Markierung wickeln (wie span oder div) zum Beispiel:

<template id='someComponentTemplate'> 
    <div> 
    <div id="{{ item.id }}"> 
     <span>{{ item.title }}</span> 
    </div> 
    </div> 
</template> 

und dann Zugang Komponentenobjekt auf diese Weise:

var element=document.getElementById('id123'); 
var component=element.parentElement.__vue__;