Skip to content

Конфигурация

Для изменения настроек jenesius-vue-modal необходимо воспользоваться функцией config. Вы можете повлиять на обработку нажатия Esc, название анимации, блокировки scroll и т.д:

ts
import {config} from "jenesius-vue-modal";
config({
    // Параметры
})

Объект конфигурации имеет следующие свойства:

  • scrollLock Значение по умолчанию true. Если установлено значение true, открытие модального окна блокирует scroll на странице.
  • animation Значение по умолчанию modal-list. Используется для задания имени анимации для transition-group. Подробнее прочитать можно на этой странице.
  • escClose Значение по умолчанию true. Управляет закрытие модального окна по нажатию на Esc.

Для Namespace

Если вы работаете с namespace отличным от первоначального, вам необходимо позаботиться о закрытии самостоятельно.

  • backgroundClose Значение по умолчанию true. Параметр отвечает за закрытие модального окна по клику на затемнённый фон. В случае, если установлено значение true, клик по задней области будет приводить к закрытию модального окна.

  • skipInitCheck Значение по умолчанию false. Используется для проверки наличия container на странице в момент открытия модального окна. При попытке открытия модального окна будет получена ошибка NotInitilized. Если у вас в проекте предполагается, что контейнер будет создавать после открытия модального окна, вы можете передать значение true. Тем самым пропуская процедуру проверки container.

  • store Значение по умолчанию {}. Используется для хранения модальных окон и открытия их по ключу. Более подробно можно прочитать на здесь.

  • singleShow Значение по умолчанию false. Используется в случае, если нужно показывать лишь последнее модальное окно при использовании нескольких окон (через pushModal). В таком случае, если значение установлено как true, при открытии модального окна, все предыдущие будут скрываться (через механизм v-show).