通過DOM元素訪問組件

Question

組件模板：

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

名單的東西：

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

通過ID獲取組件的元素

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

現在我想獲得確切成分處理找到的DOM元素的對象。可能嗎？

Answer 1

萬一有人會需要一個解決方案，那就是：

首先，你應該換組件模板體進入加標籤（如span或div）例如：

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

，然後訪問組件對象如下：

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