Привязки /
This
a. Основы b. Добавление данных c. Динамические атрибуты d. Стили e. Вложенные компоненты f. HTML теги g. Создание приложения a. Присваивания b. Объявления c. Выражения d. Изменение массивов и объектов a. Объявление свойств b. Значения по умолчанию c. Развёртка свойств a. Блок if b. Блок else c. Блок else-if d. Блок each e. Блок each с ключом f. Блок await a. События DOM b. Встроенные обработчики c. Модификаторы событий d. События компонентов e. Проброс событий f. Проброс событий DOM a. Текстовые поля b. Числовые поля c. Чекбоксы d. Группы полей e. Многострочное текстовое поле f. Выпадающие списки g. Списки с множественным выбором h. Блоки с редактируемым содержимым i. Привязки внутри блока each j. Медиа-элементы k. Размеры l. This m. Привязка к компонентам a. onMount b. onDestroy c. beforeUpdate и afterUpdate d. tick a. Записываемые хранилища b. Автоподписки c. Хранилища только для чтения d. Производные хранилища e. Пользовательские хранилища f. Привязки к хранилищам a. Tweened b. Spring a. Директива transition b. Добавление параметров c. Переходы появления и исчезновения d. Пользовательские CSS переходы e. Пользовательские JS переходы f. События перехода g. Локальные переходы h. Отложенные переходы a. Директива animate a. Директива use b. Добавление параметров a. Директива class b. Сокращение для директивы class a. Слоты b. Содержимое по умолчанию c. Именованные слоты d. Проверка содержимого слота e. Свойства слотов a. setContext и getContext a. <svelte:self> b. <svelte:component> c. <svelte:window> d. Привязки к <svelte:window> e. <svelte:body> f. <svelte:head> g. <svelte:options> h. <svelte:fragment> a. Совместное использование кода b. Экспорты a. Тег @debug a. Поздравляем!
Доступная только для чтения привязка this
применяется к любому HTML-элементу (или компоненту) и позволяет вам получить ссылку на отрендеренный элемент. Например, мы можем получить ссылку на элемент <canvas>
:
< canvas
bind: this= {canvas}
width = {32}
height = {32}
> </ canvas>
Обратите внимание, что значение canvas
будет равно undefined
до тех пор, пока компонент не будет отрисован, т.е. смонтирован в DOM, поэтому мы поместили всю логику в функцию жизненного цикла onMount
.
Покажи мне