(二)notification提示信息

1:引用ant-design-vue/es/notification,前提是要先安装引用ant-design-vue
import notification from 'ant-design-vue/es/notification'
2:可以全局定义notification的属性
    notification.config({
    placement: 'bottomRight',
     bottom: 500,
     duration: 3,
     rtl: true,
    });
3:然后就可以用notification模块里面对应的方法提示了
 notification.error({
        message: 'Forbidden',
        description: data.message,
        placement:"topRight",//在右上角显示弹框
        style: {//自定义样式
          // width: '400px',
          //marginTop:'100px',
          //marginLeft:'-200px',
          width: '100%',
          marginTop:'50%',
          marginLeft:'-80%'
        },
       })
posted @   yingxianqi  阅读(532)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示