2016-05-29 134 views
1

组件模板:通过DOM元素访问组件

<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元素的对象。可能吗?

回答

1

万一有人会需要一个解决方案,那就是:

首先,你应该换组件模板体进入加标签(如spandiv)例如:

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