一个Vue.js通知组件，用于将各种类型的精美Flash消息发送给最终用户。

变更日志：

2020/09/19

• v0.6.5

通知类型：

• 默认
• 错误
• 警告
• 信息
• 成功

基本用法：

导入即时消息组件。

import Vue from 'vue';
import FlashMessage from '@smartweb/vue-flash-message';

注册组件。

Vue.use(FlashMessage);
// or
Vue.use(FlashMessage, config);

将组件插入模板。

<FlashMessage></FlashMessage>

在应用程序中显示即时消息。

this.flashMessage.show({
  status: 'info',
  title: '消息标题',
  message: '消息内容'
});

// or
this.flashMessage.error({
  title: '消息标题',
  message: '消息内容'
});
this.flashMessage.warning({
  title: '消息标题',
  message: '消息内容'
});
this.flashMessage.info({
  title: '消息标题',
  message: '消息内容'
});
this.flashMessage.success({
  title: '消息标题',
  message: '消息内容'
});

所有道具都可以配置Flash消息。

• status ： “错误”，“警告”，“信息”，“成功”
• title ：消息标题
• message ：讯息
• time ：持续时间（毫秒）
• icon ：自定义图标
• clickable：单击以关闭Flash消息
• blockClass：自定义类名
• iconClass：图标的自定义类名称
• contentClass：容器的自定义类名称
• position ： “左上方”，“右上方”，“左下方”，“右下方”
• x： x位置
• y： y位置