Modal-对话框 ​

<template>
  <v-button type="primary" @click="showModal">Open</v-button>

  <v-modal v-model="modalVisible" title="Header" closable centered>
    <p>Modal</p>
  </v-modal>
</template>

<script lang="ts">
import { ref } from 'vue'
export default defineComponent({
  setup() {
    const modalVisible = ref<boolean>(false)

    const showModal = () => (modalVisible.value = true)

    return {
      modalVisible,
      showModal
    }
  }
})
</script>