33 lines
784 B
Vue
33 lines
784 B
Vue
|
<template>
|
||
|
|
<a-space>
|
||
|
|
<a-button type="primary" @click="showMessage">Open message</a-button>
|
||
|
|
<a-button type="primary" @click="showModal">Open modal</a-button>
|
||
|
|
<a-button type="primary" @click="showNotification">Open notification</a-button>
|
||
|
|
</a-space>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup lang="ts">
|
||
|
|
import { App } from 'ant-design-vue';
|
||
|
|
|
||
|
|
const { message, modal, notification } = App.useApp();
|
||
|
|
|
||
|
|
const showMessage = () => {
|
||
|
|
message.success('Success!');
|
||
|
|
};
|
||
|
|
|
||
|
|
const showModal = () => {
|
||
|
|
modal.warning({
|
||
|
|
title: 'This is a warning message',
|
||
|
|
content: 'some messages...some messages...',
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
const showNotification = () => {
|
||
|
|
notification.info({
|
||
|
|
message: `Notification topLeft`,
|
||
|
|
description: 'Hello, Ant Design Vue!!',
|
||
|
|
placement: 'topLeft',
|
||
|
|
});
|
||
|
|
};
|
||
|
|
</script>
|