Size: a a a

2021 February 18

ИД

Илья Дёмин in Svelte [svelt]
Марк Танащук
Отрисовался?
Ну, у меня есть HTML элемент, я с ним хочу провести какие-то действия, как отследить, есть ли он в DOM или его еще нет?
источник

AP

Alexander Ponomarev in Svelte [svelt]
тебе нужен экшен
источник

ИД

Илья Дёмин in Svelte [svelt]
Alexander Ponomarev
тебе нужен экшен
Можно подробнее? Что за экшен?
источник

МТ

Марк Танащук... in Svelte [svelt]
<div bind:this={thisNode}></div>

и в скрипте

let thisNode;
onMount(() => {
 if(thisNode) {
  console.log("It's alive!")
 } else {
   console.log("Not yet")
 }
})
источник

AP

Alexander Ponomarev in Svelte [svelt]
Илья Дёмин
Можно подробнее? Что за экшен?
источник

МТ

Марк Танащук... in Svelte [svelt]
Или реактивностью
источник

МТ

Марк Танащук... in Svelte [svelt]
$: if(thisNode) doCode()
источник

МТ

Марк Танащук... in Svelte [svelt]
Марк Танащук
<div bind:this={thisNode}></div>

и в скрипте

let thisNode;
onMount(() => {
 if(thisNode) {
  console.log("It's alive!")
 } else {
   console.log("Not yet")
 }
})
С онмаунтом не варик, сорри
источник

DK

Dan Kozlov in Svelte [svelt]
Илья Дёмин
Ну, у меня есть HTML элемент, я с ним хочу провести какие-то действия, как отследить, есть ли он в DOM или его еще нет?
Онмаунт — это хук на маунт компонента. Если у вас нода в if или еще где, то нужно либо использовать экшен, либо bind:this={ref} на HTML-элементе.
Про экшены выше кинули, вот про bind:this
https://svelte.dev/docs#bind_element
источник

МТ

Марк Танащук... in Svelte [svelt]
Реактивностью только надо
источник

ИД

Илья Дёмин in Svelte [svelt]
Спасибо всем! Сейчас разберемся..
источник

A

Arushwl in Svelte [svelt]
Илья Дёмин
Ну, у меня есть HTML элемент, я с ним хочу провести какие-то действия, как отследить, есть ли он в DOM или его еще нет?
onMount в <script> - соот если компонент где-то в разметке без условий то сразу отработает.
Можно врапунть сам компонент снаружи на условие, или внутри обернуть в {#if / #key / #await} нужный элемент.
+ все что предлагали выше 😁
bind:this 👍🏻рекомендую - особенно считывать параметры ноды👌🏻
источник

ИД

Илья Дёмин in Svelte [svelt]
Arushwl
onMount в <script> - соот если компонент где-то в разметке без условий то сразу отработает.
Можно врапунть сам компонент снаружи на условие, или внутри обернуть в {#if / #key / #await} нужный элемент.
+ все что предлагали выше 😁
bind:this 👍🏻рекомендую - особенно считывать параметры ноды👌🏻
Как я понимаю, onMount не видит компонент из-за условия if? А в чем идея оборачивать враппер в if?
источник

A

Arushwl in Svelte [svelt]
Чтоб скрыть до условия весь компонент.
источник

A

Arushwl in Svelte [svelt]
Я про onMount внутри компонета
источник

A

Arushwl in Svelte [svelt]
Илья Дёмин
Как я понимаю, onMount не видит компонент из-за условия if? А в чем идея оборачивать враппер в if?
Не понял - оборачивать врапер в if ?
источник

AS

Alexey Schebelev in Svelte [svelt]
Илья Дёмин
Как я понимаю, onMount не видит компонент из-за условия if? А в чем идея оборачивать враппер в if?
Что за задача поконкретнее, мне кажется экшн тут нужен вам
источник

AS

Alexey Schebelev in Svelte [svelt]
источник

ИД

Илья Дёмин in Svelte [svelt]
Alexey Schebelev
Что за задача поконкретнее, мне кажется экшн тут нужен вам
Да, сверху покидали уже, спасибо)
источник

ИД

Илья Дёмин in Svelte [svelt]
Arushwl
Чтоб скрыть до условия весь компонент.
Ааа
источник