You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
700 B
35 lines
700 B
2 years ago
|
<!-- eslint-disable vue/require-default-prop -->
|
||
|
|
<!-- eslint-disable vue/no-mutating-props -->
|
||
|
|
<template>
|
||
|
|
<el-dialog v-model:model-value="dialogVisible" :title="title" @close="handleClose">
|
||
|
|
<!-- 弹窗内容 -->
|
||
|
|
<div>Dialog content goes here</div>
|
||
|
|
</el-dialog>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script lang="ts">
|
||
|
|
import { ref, defineProps, defineEmits } from "vue";
|
||
|
|
|
||
|
|
export default {
|
||
|
|
props: {
|
||
|
|
// eslint-disable-next-line vue/require-default-prop
|
||
|
|
title: String,
|
||
|
|
dialogVisible: Boolean
|
||
|
|
},
|
||
|
|
emits: ["close"],
|
||
|
|
setup(props, { emit }) {
|
||
|
|
const handleClose = () => {
|
||
|
|
emit("close");
|
||
|
|
};
|
||
|
|
|
||
|
|
return {
|
||
|
|
handleClose
|
||
|
|
};
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
/* 样式 */
|
||
|
|
</style>
|
||
|
|
|