kui-vue
Version:
A high quality UI Toolkit built on Vue.js 2.0
30 lines (19 loc) • 1.49 kB
Markdown
## API
组件提供了一些静态方法,使用方式如下
- `this.$Message.info(content, [duration], onClose)`
- `this.$Message.success(content, [duration], onClose)`
- `this.$Message.warning(content, [duration], onClose)`
- `this.$Message.error(content, [duration], onClose)`
另外提供了全局配置和全局销毁的方法:
- `this.$Message.config(options)`
- `this.$Message.destroy()`
参数 `options` 为对象,具体说明如下:
| 属性 | 说明 | 类型 | 默认值 |
| -------- | ----------------------------------------------------------------- | ------------ | ------ |
| type | 提示类型,提供 `info`、`success`、`error`、`warning` 四种可选类型 | String | info |
| content | 提示内容 | String,Vnode | - |
| duration | 自动关闭的延时,单位秒,0为 不自动关闭 | Number | 3 |
| closable | 是否可手动关闭 | Boolean | false |
| close | 关闭时的回调 | Function | - |
| icon | 自定义图标 | String | - |
| color | 自定义图标颜色 | String | - |