---
title: Message 全局提示
description: 对用户的操作作出轻量的全局反馈。
isComponent: true
usage: { title: "", description: "" }
spline: message
author: swimly
---

## 基本用法

使用简洁文字描述操作反馈。常规全局提示包含：普通信息、成功信息、警示信息、错误信息、帮助信息和加载中。通过`theme`来设置
，可选：`info`，`success`，`warning`，`error`，`question`，`loading`。

{{ base }}

## 可关闭

通过`closeBtn`设置可手动关闭提示，可以自定义。值为 `true` 显示默认关闭按钮，值为 `false` 不显示关闭按钮。值类型为
`string` 则直接显示值，如：“关闭”。也可以完全自定义按钮

{{ closeBtn }}

## 函数调用

上面的使用方式比较少见，通常情况还是通过函数调用，提供：`this.$message`和`MessagePlugin`两种方式，第一种可直接使用，第二
种需要单独引入。并且可通过`this.$message.closeAll`函数关闭所有提示信息。

有两种函数调用方式下面 2 中方式的效果相同，

1、通用方法： `message(theme, params, duration)`，例如`this.$message('success', '消息', 3000)`

2、私有方法：`message[theme](params)`，例如：`this.$message.success({message: '', duration: 3000})`

{{ plugin }}

## 显示位置

通过`placement`可设置显示的位置，可选请参考下列示例，还可通过`offset`设置偏移量，相对于 placement 的偏移量，示例：[-10,
20] 或 ['10em', '8rem']

{{ position }}

## 不同主题

通过`theme`可设置不同主题的提示信息，可选：`info` 、 `success` 、 `warning` 、 `error` 、 `question` 、 `loading`;

{{ theme }}

## 自定义关闭时间

通过`duration`可设置全局提示显示的时长。

{{ duration }}
