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

Admin Svelte

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

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

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

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

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

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

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

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

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

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