Делаем модальное перетаскиваемым с помощью VueDraggable - PullRequest
Новая
       78

Делаем модальное перетаскиваемым с помощью VueDraggable

0 голосов
/ 08 мая 2020

У меня есть модальное окно Vue, куда я хочу добавить функцию перетаскивания. Когда курсор перемещается в заголовок модального окна, он должен измениться на перемещение, а модальное окно / диалоговое окно должно быть перетаскиваемым. В кодовой базе я вижу, что мы уже использовали библиотеку VueDraggable . Я думаю, что он предназначен для списков, я попытался обернуть свой модальный код <draggable>, но он не сдвинулся. Есть ли способ заставить его работать, используя эту библиотеку? 

<div class="Modal">
<div class="modal-wrapper">
    <div class="modal-container">

         <div class="modal-header">
             <div>{{ title }}</div>
             <button class="close-button" @click="handleButtonClick('cancel')"></button>
         </div>

          <div class="modal-body">
              //some code
          </div>

          <div class="modal-footer">
              // some code
          </div>

       </div>
</div>
</div>
...