antdv常见的全局提示框、弹框api调用
前端开发中消息提示、对话框等操作反馈使用非常频繁,在antdv也带有这些功能,详见官网

使用方式如下:
import {Modal, notification} from 'ant-design-vue'
/* 调用函数 */
Modal.info({
title: 'info',
content: 'this is content',
okText: '确认',
onOk: () => {}
});
notification.success({
...
})
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
通常情况下我们不想每次使用都需要引入,如果有类似this.$modal(...)api方式调用就最好了,但我查询完整个官方文档也没有找到api调用方式。但是我意外发现官方vscode插件ant-design-vue-helper对message组件有全局挂载的$message

同理modal、notifaction也应有对应的,输入notifaction和modal也得到相应提示

既然有能全局使用,那么antdv源码中一定有挂载的代码,果然在node_modules/ant-design-vue/lib/index.js找到如下代码

最后总结,看文档不如看源码ヽ(ー_ー)ノ
上次更新: 2025/09/05, 8:09:00