23 lines
609 B
Vue
23 lines
609 B
Vue
<script setup lang="ts">
|
|
// 受控用法：v-model:open 控制显隐，confirm 事件在点击确定时触发
|
|
import { ref } from 'vue'
|
|
import { G3Button, G3Input, G3Modal, G3Space } from '@g3soft/ui'
|
|
|
|
const open = ref(false)
|
|
const name = ref('')
|
|
|
|
function onConfirm() {
|
|
open.value = false
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<G3Space vertical :size="12" style="display: flex">
|
|
<G3Button @click="open = true">打开对话框</G3Button>
|
|
|
|
<G3Modal v-model:open="open" title="新建项目" @confirm="onConfirm">
|
|
<G3Input v-model="name" placeholder="项目名称" />
|
|
</G3Modal>
|
|
</G3Space>
|
|
</template>
|