Приступим к работе
Jenesius Vue Modal — легкая и простая библиотека для работы с модальными окнами в Vue.js версии 3+. Она глубоко интегрируется с Vue.js и позволяет создавать модальные окна любой сложности.
Установка
Для установки пакета рекомендуется использовать Npm.
shell
npm i jenesius-vue-modal
npm i jenesius-vue-modal
Подключение к странице
Для начала нам необходимо инициализировать модальные окна, добавив контейнер, в котором будут отображаться наши компоненты. Импортируем контейнер из библиотеки:
vue
<template>
// Your HTML
<widget-container-modal />
</template>
<script>
import {container} from "jenesius-vue-modal";
export default {
components: {WidgetContainerModal: container},
name: "App"
}
</script>
<template>
// Your HTML
<widget-container-modal />
</template>
<script>
import {container} from "jenesius-vue-modal";
export default {
components: {WidgetContainerModal: container},
name: "App"
}
</script>