BlockBuilder Logo/
Документация/События
Быстрый стартAPIVueReactДемоИстория изменений
GitHub

Начало работы

Быстрый стартИстория изменений

Справочник API

Обзор APIМетодыСвойстваПоля формТемизация и локализацияУтилитыТипы

Vue 3

Быстрый стартКомпонентыСобытияNuxt (SSR)

React

Быстрый стартКомпонентыКолбэкиNext.js (SSR)
Следующая страница
Nuxt (SSR)
→

События

События компонента BlockBuilderComponent для отслеживания изменений блоков

Общее использование

Доступные события

@block-added

Срабатывает после создания нового блока или дублирования существующего

Payload:

block: IBlock — полный объект блока

@block-updated

Срабатывает при изменении props, settings или других свойств блока

Payload:

block: IBlock — объект обновленного блока

@block-deleted

Срабатывает после удаления блока пользователем

Payload:

blockId: TBlockId — id удалённого блока (строка)

Практические примеры

Синхронизация с бэкендом

Автосохранение с debounce

Аналитика и логирование

💡 Советы

  • •Используйте debounce для автосохранения, чтобы не перегружать сервер запросами
  • •Для оптимизации можно использовать batch-сохранение нескольких блоков одновременно
  • •Обрабатывайте ошибки при сохранении и показывайте пользователю уведомления
  • •События срабатывают синхронно с действиями пользователя, используйте их для валидации