elementui消息提示框

Element UI 提供了一个强大的消息提示框（Notification）组件，用于向用户显示临时的消息或通知。这个组件支持常见的提示类型，如成功、警告、错误和信息，以及自定义提示内容。以下是使用Element UI Notification组件的基本步骤：

1. 引入组件：在你的 Vue 项目中，首先需要安装 Element UI 并在 Vue 文件中导入 `el-notification` 组件。

import { notification } from 'element-ui';

2. 创建通知：在需要显示消息的地方，调用 `notification.create()` 方法，传入配置对象，包括标题、内容、类型等。

this.$notify({
  type: 'success', // 类型可选：'success', 'info', 'warning', 'error'
  message: '这是一个提示消息',
  duration: 3000, // 自动关闭时间（毫秒）
});

3. 设置自定义配置：你可以自定义提示的图标、按钮、关闭行为等。

this.$notify({
  type: 'success',
  message: '自定义消息',
  iconClass: 'custom-icon-class', // 自定义图标类名
  showClose: true, // 是否显示关闭按钮
  onClose: () => { console.log('关闭了'); }, // 关闭后的回调
});

4. 错误处理：如果需要更复杂的错误处理流程，可以使用自定义插件或者监听全局的错误事件。

// 在Vue实例中注册全局事件处理器
this.$on('error', (err) => {
  notification.error({
    message: '错误提示',
    description: err.message,
  });
});