ant design vue中通知提醒框Notification的使用
效果:点击接口,出现提示弹框,数据获取到后在消失
<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的使用相关推荐
- oracle中showTime用法,ant design vue中日期选择框混合时间选择器的用法
首先时间格式化用到moment方法,需要在页面中引入moment组件 import moment from 'moment' 结构代码: 其中,showTime.defaultValue是设置的默认展 ...
- 解决ant design vue中的modal弹框样式修改无效问题 修改modal样式无效
ant design vue中的modal弹框修改样式无效问题 ant中的弹框样式是修改不了的 原因在于弹框modal被挂载在最大的元素div外面了 所以需要将挂载在某个html元素上 在modal外 ...
- ant design vue 中Upload组件如何自定义文件列表的样式
ant design vue 中Upload组件如何自定义文件列表的样式 问题 历程 UploadList 组件源码 h() 方法 实现 注 问题 技术:vue.ant design vue 在开发项 ...
- Ant Design Vue中tabs标签页切换导致页面变宽的问题
问题 在使用Ant Design Vue进行开发的时候,使用了tabs标签页,在页里面套用了表格,但是在页面切换后,会发现页面的width会变大差不多2倍,这样会导致页面一些结构的样式发生变化. 解决 ...
- Ant design vue中实现动态更换主题色
一.创建vue项目 可视化创建步骤:cmd调出窗口,输入vue ui,自动在浏览器上打开新窗口 输入文件名 ,文件名最好是英文 然后进行配置功能, 根据需求选择配置功能 这里最好选择2.0版本, 可以 ...
- ant design vue 中Notification隐藏右上角叉号
this.$notification.open({key: tasksKey,message: 'message',duration: 0,placement: 'topLeft',descripti ...
- Ant Design Vue 中 Tree 树形控件 defaultExpandAll 设置无效
问题: 在代码中设置了default-expand-all属性 树形结构还是没有展开 原因: 因为default-expand-all属性是用来设置默认值的,而初始值treeData通常情况下是需要调 ...
- Vue - Ant Design Vue 中 <a-select> 选择器组件,既可从下拉列表选择,又可输入手动输入文本(既可下拉选择又可自己输入)
前言 网上的代码基本上都是无效的,且代码非常乱还有bug. 这种需求其实不算太常见,网上基本没有相关文章, 本文给您提供一样详细的示例,您可以快速移植到您的项目中. 如果您要实现如下图所示 既可下拉选 ...
- Ant Design Vue中出现报错: Invalid prop: custom validator check failed for prop “pagination“
一.问题背景 最近在搞一个英语学习平台管理系统的时候,遇到了一个问题,莫名奇妙报了一个pagination的校验错误警告,这可把我整懵逼了看了一下代码,也没有错撒,而且我之前封装的组件用的好好的,怎么 ...
最新文章
- Vue-Layout:可视化布局、自动生成代码工具
- Python数据分析与挖掘
- Open×××的新钩子设计
- python 卡方检验 特征选择_结合Scikit-learn介绍几种常用的特征选择方法
- leetcode 235. 二叉搜索树的最近公共祖先(Java版,树形dp套路)
- 今天专攻POWERSHELL获取本机CPU,内存消耗
- Win11系统资源管理器自动重启怎么办
- 【impala】impala的shell命令使用
- c语言注释和代码互换,c语言项目—注释转换(c——c++)
- 推荐系统多兴趣召回最新进展
- 华为 该软件被检测为风险软件_美团被华为标记为“病毒软件”,用户表示懵了,华为官方出面解释...
- python3档案管理程序源码_php人事档案管理系统,源码免费分享
- python2和3切换_python2和python3切换
- Atitit js通讯技术 jsbridge ajax bomext Atitit jsbridge 与jsrpc 的联系与区别 JSBridge——Web与Native交互 侧重本
- ipsec穿越NAT功能的配置
- ubuntu14.04 安装tensorflow始末
- 微信公众号发送模板消息
- windows驱动开发技术详解 VC6与DDK搭配使用的设置
- 计算机文字录入在线打字,教您如何在一分钟内把书中的文字录入电脑
- 从朋友测试ISAC和SILK效果到二者理论比较