@Centrovoy

Как реализовать drag and drop layout на Vue2?

В интернет банкинге часто встречаю функционал редактирования layout'а с возможностью добавления, удаления и перемещения блоков.
Хочу реализовать у себя на проекте что-то подобное на Vue2.
609e53ef711bf426428427.png
609e53faaa8b4699259999.png
Но пока не понимаю каким образом переключать макеты лэйаута (пока как идея зарезирвировать 3 блока и скрывать/отображать нужные при необходимости + задавать классы вроде 'col-3', 'col-12').
И остается вопрос, как перетаскивать компоненты/блоки между колонками?
Как можно реализовать сохранение всех действий и в последствии подгружать эти настройки?

Может есть готовые библиотеки, чтобы можно было посмотреть на их реализацию?
Буду благодарен за идеи.

Пока нашел из более-менее похожего muuri
  • Вопрос задан
  • 49 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы