效果：點擊接口，出現提示彈框，數據獲取到后在消失

<template><a-button type="primary" @click="openNotification">Open the notification box</a-button> </template> <script> const close = () => {console.log('Notification was closed. Either the close button was clicked or duration time elapsed.',); }; export default {methods: {openNotification() {const key = `open${Date.now()}`;this.$notification.open({message: 'Notification Title',description:'A function will be be called after the notification is closed (automatically after the "duration" time of manually).',key,onClose: close,});axios.post(this.$store.state.windowCONTENT +"distributeFile/uploadDataFileFromBastion",uploadBljObj).then((res) => {if (res.data.success == 0) {this.$notification.close(key);this.$message.success("堡壘機下載成功");} else {this.$notification.close(key);this.$message.error(res.data.data);}});},}, }; </script> 創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的ant design vue中通知提醒框Notification的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。