Svelte ($:) запуск функции при изменении переменной

Admin Svelte

Запуск функции при изменении переменной на svelte. Также, что означает в svelte выражение начинающиеся с $:.

Разберем синтаксис доллара с двоеточием $: на примере календаря.

Пусть есть переменная selectedDate, в которой появится значение даты любого выбранного дня.

Как теперь сделать так, чтобы при изменении этой переменной запускалась функция, которая что-то сделает с этой переменной?

А делается это так. Мы добавим знак доллара и двоеточия. Такой формат принят в svelte для реактивных изменений:

let selectedDate = ''
$: selectedDate && eventChoosePick()

Это все что нужно. Теперь, если изменится содержимое selectedDate, то запустится функция eventChoosePick(). В эту функцию вы можете передать ту же самую переменную, чтобы с ней дальше что-то сделать, например отправить на бэкенд или как-то иначе обработать.

Кстати, на сайте нет рекламы. У сайта нет цели самоокупаться, но если вам пригодилась информация можете задонатить мне на чашечку кофе в макдаке. Лайкнуть страницу или просто поблагодарить. Карма вам зачтется.

Добавить комментарий

Напишите свой комментарий, если вам есть что добавить/поправить/спросить по теме текущей статьи:
"Svelte ($:) запуск функции при изменении переменной"