是否可以根据其“ el”找到Vue组件？

Question

假设我有这个组件：

<b-select id="selectfield" :src="['a', 'b']"></b-select>

哪个呈现为：

<select id="selectfield">
    <option value="a">a</option>
    <option value="b">b</option>
</select>

我可以根据b-select组件的“ el”（在本例中为其ID）来“查找”实例吗？

Answer 1

我不知道是否可以使用“公共” API，但是您可以从作为组件根目录安装的任何元素的__vue__ DOM属性中获取Vue实例。

document.getElementById('selectfield').__vue__

关于是否应该使用它。Vue的作者说Vue devtools依赖它，因此不太可能更改。参见https://github.com/vuejs/vue/issues/5621