|
|
@@ -70,10 +70,12 @@
|
|
|
|
|
|
## Message 消息提示
|
|
|
|
|
|
-反馈提示，比 Notification 更为小巧。
|
|
|
+常用于主动操作后的反馈提示。与 Notification 的区别是后者更多用于系统级通知的被动提醒。
|
|
|
|
|
|
### 基础用法
|
|
|
|
|
|
+从顶部出现，3 秒后自动消失。
|
|
|
+
|
|
|
:::demo Message 在配置上与 Notification 非常类似，所以部分 options 在此不做详尽解释，文末有 options 列表，可以结合 Notification 的文档理解它们。Element 注册了一个`$message`方法用于调用，Message 可以接收一个字符串作为参数，它会被显示为正文内容。
|
|
|
|
|
|
```html
|
|
|
@@ -95,13 +97,14 @@
|
|
|
|
|
|
### 不同状态
|
|
|
|
|
|
-Message 提供了四种类型：`success`，`info`，`warning`，`error`，由不同图标表示。
|
|
|
+用来显示「成功、警告、消息、错误」类的操作反馈。
|
|
|
|
|
|
:::demo 当需要自定义更多属性时，Message 也可以接收一个对象为参数。比如，设置`type`字段可以定义不同的状态，默认为`info`。此时正文内容以`message`的值传入。
|
|
|
```html
|
|
|
<template>
|
|
|
<el-button :plain="true" @click.native="open2">成功</el-button>
|
|
|
<el-button :plain="true" @click.native="open3">警告</el-button>
|
|
|
+ <el-button :plain="true" @click.native="open">消息</el-button>
|
|
|
<el-button :plain="true" @click.native="open4">错误</el-button>
|
|
|
</template>
|
|
|
|
|
|
@@ -136,7 +139,7 @@ Message 提供了四种类型：`success`，`info`，`warning`，`error`，由
|
|
|
|
|
|
### 可关闭
|
|
|
|
|
|
-可以设置为手动关闭的 Message。
|
|
|
+可以添加关闭按钮。
|
|
|
|
|
|
:::demo 默认的 Message 是不可以被人工关闭的，如果需要可手动关闭的 Message，可以使用`showClose`字段。此外，和 Notification 一样，Message 拥有可控的`duration`，设置`0`为不会被自动关闭，默认为 3000 毫秒。
|
|
|
```html
|
SkyAo