Size: a a a

2020 December 26

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Pavel 🦇 Malyshev
@Valexrs что-то вроде:

let entries = [];

$: animated = entries.reduce((ids, entry) => {
   entry.isIntersecting && ids.push(+entry.target.dataset.id);
   return ids;
}, []);


<section
 use:intobserver={{loaded, selector: '[data-id]'}}
 on:intersection={(e) => entries = e.detail.entries}
>
...
 <li class:animate={animated.includes(item.id)}>
</section>
Посмотри внимательнее на мой пример тут
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Гыг, опять с мобилы, но теперь разглядел))) ты же понимаешь что:

{animated.includes()}  не эквивалент {{() => includes()}
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
?
источник

A

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

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Arushwl
в первом случае не работает совсем
Не возможно))
источник

A

Arushwl in Svelte [svelt]
includes(id) = animated.includes(id)
источник

A

Arushwl in Svelte [svelt]
Pavel 🦇 Malyshev
Не возможно))
вот ия так думаю )))
источник

A

Arushwl in Svelte [svelt]
ща покажу
источник

A

Arushwl in Svelte [svelt]
Arushwl
https://svelte.dev/repl/9defdb17ba0942158798777944a0e1aa?version=3.31.0

Всё по науке, но class: вешается на всех детей сразу ... 🤔

В [animated] всё верно собирается...
обновил репу
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Arushwl
обновил репу
кто ж знал что item.id строка у тебя: https://svelte.dev/repl/5f9ed0dae7bc425fbb9c72f60b83807d?version=3.31.0
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
за этим уж сам следи)
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
я просто привык что id это number и если мы его сохраняем в аттрибут ноды, то потом надо не забыть конвертнуть из строки в число, прежде чем сравнивать со стейтом
источник

A

Arushwl in Svelte [svelt]
Вот это ids.push(+entry.target.dataset.id)
источник

A

Arushwl in Svelte [svelt]
+ конвертирует ?
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Ну да
источник

A

Arushwl in Svelte [svelt]
Записал 🤓
источник

A

Arushwl in Svelte [svelt]
Спасибо 👍🏻
источник

КС

Кирилл Спасибович... in Svelte [svelt]
Марк Танащук
У vue hot reload, а у свелта, сейчас - нет
svelte-loader-hot смотрел ?
источник

AB

Andrei Bunulu in Svelte [svelt]
Ребята привет, посоветуйте новый проект для сайта с роутингом лучше с npm init svelte@next начинать или чистый svelte и на него уже раутинг накатывать?
источник

МТ

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