アクセス

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__;