Vuetifyのモーダル(v-dialog)作成の方法

基本

code:js

<script>

import { ref } from 'vue'

const dialog = ref<boolean>(false)

</script>

<template>

<v-container >

<v-btn

color="primary"

Open Dialog

<v-dialog

v-model="dialog"

activator="parent"

<v-sheet>

<v-sheet class="my-2 mx-5">

<h2>Dialog</h2>

<p class="my-4">

Please confirm information!

</p>

<v-btn color="primary" block @click="dialog = false">Close</v-btn>

</v-sheet>

</v-sheet>

</v-dialog>

</v-btn>

</v-container>

</template>