37 lines
1.2 KiB
Markdown
37 lines
1.2 KiB
Markdown
|
## API
|
||
|
|
||
|
This components provides some static methods, with usage and arguments as following:
|
||
|
|
||
|
- `message.success(content, [duration], onClose)`
|
||
|
- `message.error(content, [duration], onClose)`
|
||
|
- `message.info(content, [duration], onClose)`
|
||
|
- `message.warning(content, [duration], onClose)`
|
||
|
- `message.warn(content, [duration], onClose)` // alias of warning
|
||
|
- `message.loading(content, [duration], onClose)`
|
||
|
|
||
|
| Argument | Description | Type | Default |
|
||
|
| -------- | ----------- | ---- | ------- |
|
||
|
| content | content of the message | string\|vueNode \|function(h) | - |
|
||
|
| duration | time before auto-dismiss, in seconds | number | 1.5 |
|
||
|
| onClose | Specify a function that will be called when the message is closed | Function | - |
|
||
|
|
||
|
Methods for global configuration and destruction are also provided:
|
||
|
|
||
|
- `message.config(options)`
|
||
|
- `message.destroy()`
|
||
|
|
||
|
### message.config
|
||
|
|
||
|
```js
|
||
|
message.config({
|
||
|
top: '100px',
|
||
|
duration: 2,
|
||
|
});
|
||
|
```
|
||
|
|
||
|
| Argument | Description | Type | Default |
|
||
|
| -------- | ----------- | ---- | ------- |
|
||
|
| duration | time before auto-dismiss, in seconds | number | 1.5 |
|
||
|
| getContainer | Return the mount node for Message | () => HTMLElement | () => document.body |
|
||
|
| top | distance from top | string | `24px` |
|