是否可以访问组件中的组件节点？

Question

我有一个代码：

<Rg_select select={countriesList} />
<Rg_select select={citiesList} />
<Rg_select select={familiesList} /> 

在每个组件内部，我需要访问其DOM（即根元素）。有什么办法吗？

添加bind:this={Rg_select}显然无效。

Answer 1

苗条的组件并不总是具有单个根元素，因此无法实现您所要求的确切内容。

但是，有多种解决方法。例如，您可以使用以下命令访问组件本身中的DOM元素：

<!-- inside component -->
< .... bind:this={componentDOMElement} .. />

然后像这样导出该变量：

export let componentDOMElement

这将使您能够将其绑定到父级。