Как на VUE реализовать приложение на основе диалоговых окон?

Question

[Алексей Алексеев]

Сейчас у меня есть SPA приложение реализованное на VUE, VUE Router.
Недавно увидел реализацию интерфейса основанное на редактировании данных в диалоговых окнах, причем их сразу может быть открыто много. (Bitrix).
Как я понимаю, эти диалоговые окна открываются в зависимости от значения URL адреса.
Подскажите, куда копать, чтобы реализовать такой же интерфейс на VUE или может быть уже есть готовое решение?
Спасибо!

Answer 1

[Антон Антон]

Вот такое есть: https://quasarframework.github.io/quasar-ui-qwindo...
но много открытых окон роутами не очень удобно делать

Comments

[Алексей Алексеев]

А если не роутами, то как?
Как-то сохранять состояние в VUEX?

[Антон Антон]

Алексей Алексеев, ну просто vue-router предполагает один компонент в один момент времени. а тут получается, что нужно несколько (по каждому окну) и переключаться по ссылке не получится. Можно просто сделать в компоненте "рабочего стола" массив с окнами - координатами, именами и пропсами компонентов-окон. Ну и пару эвентов по шине сделать для управления. Можно немного подумать над иерархией окон, чтобы окна, блокирующие определенные другие окна делать.

Answer 2

[Владимир Коротенко]

где то как то так
https://vuetifyjs.com/en/components/dialogs/#usage

Comments

[Алексей Алексеев]

Да, этот фреймворк я использую в своей работе, в том числе диалоговые окна.
Но меня интересует сама логика работы с множеством диалоговых окон и управлением их состоянием.