vue3 el-dialog

Vue 3中的el-dialog已被移除，取而代之的是一个新的组件。在Vue 3中，使用的是<v-dialog>组件来替代el-dialog。以下是一个示例代码，演示如何在Vue 3中使用<v-dialog>组件：

<template>
  <div>
    <button @click="showDialog">打开对话框</button>
    <v-dialog v-model="dialogVisible">
      <p>这是一个对话框内容。</p>
    </v-dialog>
  </div>
</template>

<script>
import { ref } from 'vue';
import VDialog from 'path/to/v-dialog';

export default {
  components: {
    VDialog,
  },
  setup() {
    const dialogVisible = ref(false);

    const showDialog = () => {
      dialogVisible.value = true;
    };

    return {
      dialogVisible,
      showDialog,
    };
  },
};
</script>

请注意，上述代码中的"path/to/v-dialog"应替换为实际的v-dialog组件路径。