Есть ли способ получить доступ к узлу компонента в компоненте?

Question

У меня есть код:

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

Внутри каждого компонента мне нужен доступ к его DOM (а именно, элемент root). Есть ли способ получить это?

добавление bind:this={Rg_select} не будет работать, очевидно.

Answer 1

Компоненты Svelte не всегда имеют один элемент root, поэтому запрашиваемая вами вещь невозможна.

Однако существует несколько обходных путей. Например, вы можете получить доступ к элементу DOM в самом компоненте, используя:

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

, а затем экспортировать эту переменную следующим образом:

export let componentDOMElement

, что позволит вам привязать к нему в родительском.