В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

Svelte [svelt]

1734 membersпожаловаться на группу
2020 September 05

МТ

Марк Танащук... in Svelte [svelt]
Кирилл Спасибович
сделай экшен на последнем ?
{#each array as item, i}
 <Item use:someFunc={array.length == i - 1} {someOtherProp}/>
{/each}

function someFunc(node, isLast) {
 if(isLast) {
   someNodes = querySelectorAll('родительский тег каждого Item')
 // otherCode
 }
}

?
источник
20:37пожаловаться#1

КС

Кирилл Спасибович... in Svelte [svelt]
типа того
источник
20:37пожаловаться#2

КС

Кирилл Спасибович... in Svelte [svelt]
можно в if запихнуть условие, что это последний айтем
источник
20:37пожаловаться#3

КС

Кирилл Спасибович... in Svelte [svelt]
чтобы тонну раз экшен не запускать
источник
20:38пожаловаться#4

МТ

Марк Танащук... in Svelte [svelt]
Кирилл Спасибович
можно в if запихнуть условие, что это последний айтем
Это я уже выше и сделал собсно
источник
20:38пожаловаться#5

МТ

Марк Танащук... in Svelte [svelt]
Я собсно понимаю что так можно и это окей, но ищу еще более оптимальный вариант
источник
20:39пожаловаться#6

КС

Кирилл Спасибович... in Svelte [svelt]
Марк Танащук
Это я уже выше и сделал собсно
{#each array as item, i}
  {#if array.length === i - 1}
    <Item use:someFunc {someOtherProp}/>
  {:else}
    <Item {someOtherProp}/>
  {/if}
{/each}
источник
20:39пожаловаться#7

МТ

Марк Танащук... in Svelte [svelt]
Кирилл Спасибович
{#each array as item, i}
  {#if array.length === i - 1}
    <Item use:someFunc {someOtherProp}/>
  {:else}
    <Item {someOtherProp}/>
  {/if}
{/each}
Засорять разметку не охота совсем
источник
20:39пожаловаться#8

МТ

Марк Танащук... in Svelte [svelt]
Но как вариант тоже
источник
20:40пожаловаться#9

КС

Кирилл Спасибович... in Svelte [svelt]
если тебе для анимаций можешь в див обернуть и ноду дива биндить
qs полюбому будет медленнее
ну либо забинди пропс с нодой и пробрось его вверх в объект по id
источник
20:41пожаловаться#10

A

Arushwl in Svelte [svelt]
А вот это вот - arr.length === i - 1 - последний значит?
источник
20:41пожаловаться#11

МТ

Марк Танащук... in Svelte [svelt]
Кирилл Спасибович
если тебе для анимаций можешь в див обернуть и ноду дива биндить
qs полюбому будет медленнее
ну либо забинди пропс с нодой и пробрось его вверх в объект по id
Бинд можно будет на реактивность повесить?
источник
20:42пожаловаться#12

МТ

Марк Танащук... in Svelte [svelt]
Arushwl
А вот это вот - arr.length === i - 1 - последний значит?
Да
источник
20:42пожаловаться#13

КС

Кирилл Спасибович... in Svelte [svelt]
Марк Танащук
Бинд можно будет на реактивность повесить?
в смысле ?
ну каждый раз когда новый компонент создастся и html запилит у тебя объект затригерит реактивность
типа bind:node={nodes[i]}
источник
20:42пожаловаться#14

КС

Кирилл Спасибович... in Svelte [svelt]
а в компоненте

export let node;

main div bind:this={node}
источник
20:43пожаловаться#15

МТ

Марк Танащук... in Svelte [svelt]
Кирилл Спасибович
а в компоненте

export let node;

main div bind:this={node}
Все равно нужно чекать является ли нода последней, потому что тогда по идее несколько раз тригерится будет
источник
20:46пожаловаться#16

МТ

Марк Танащук... in Svelte [svelt]
Так что получается либо экшн либо онмаунт
источник
20:46пожаловаться#17

КС

Кирилл Спасибович... in Svelte [svelt]
экшен лучше
источник
20:47пожаловаться#18

КС

Кирилл Спасибович... in Svelte [svelt]
дак даже можно не экшен
источник
20:47пожаловаться#19

КС

Кирилл Спасибович... in Svelte [svelt]
можно просто в компонент передать что он последний
источник
20:48пожаловаться#20