'how to make vuetify dialog draggable

I need to make a draggable dialog. But I'm using Vue2 & Vuetify.

I tried using jquery but doesn't work.

index.html

<head>
  <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
  <script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js"></script>
  <script>
    $(function () {
      $(".my-custom-dialog").draggable();
    });
  </script>
</head>

App.vue

<v-dialog v-model="isOpen" content-class="my-custom-dialog">
  <!-- dialog content-->
</v-dialog>

I thought using content-class to give my dialog class name and using jquery as above would work. But it doesn't. Any Ideas?

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source

'how to make vuetify dialog draggable

Sources

Related Questions