UNPKG

kui-vue

Version:

A lightweight desktop UI component library suitable for Vue.js 2.

47 lines (38 loc) • 3.59 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
## API | 属性 | 说明 | 类型 | 默认值 | | ------------- | --------------------------------------------- | -------------- | ------ | | show | 对话框是否显示，可使用 v-model 双向绑定数据。 | Boolean | false | | title | 对话框标题 | String | - | | width | 对话框宽度 | Number, String | 520 | | ok-text | 确定按钮文字 | String | 确定 | | cancel-text | 取消按钮文字 | String | 取消 | | draggable | 弹框是否可拖动, confirm 模式不可用 | Boolean | false | | centered | 窗口是否可以居中 , confirm 模式不可用 | Boolean | false | | maximized | 弹框是否可以最大化显示 , confirm 模式不可用 | Boolean | false | | mask-closable | 是否点击遮罩关闭弹窗, 为否时 Esc 键将失效 | Boolean | true | | ok | 点击确定的回调，`注意：不会关闭 Modal ` | Function | - | | cancel | 点击取消的回调 | Function | - | | close | 窗口关闭的回调 | Function | - | | escKey | 是否支持按 Esc 关闭 | Boolean | true | ## Modal.method() 组件提供了一些静态方法，使用方式如下 - modal.info(options) - modal.success(options) - modal.warning(options) - modal.error(options) - modal.show(options) - modal.confirm(options) 另外提供了全局配置和全局销毁的方法： - modal.show(options) - modal.destroyAll() 参数 options 为对象，具体说明如下： | 属性 | 说明 | 类型 | 默认值 | | ---------- | -------------------------------------------------------------------------------------------------------------------------- | -------- | ------ | | title | 对话框标题 | String | - | | content | 对话框内容 | String | - | | okText | 确定按钮文字 | String | 确定 | | cancelText | 取消按钮文字 | String | 取消 | | icon | 弹框的图标，type 为 toast 可用 ，默认可选值为 success，warning, error, info, 也可以自定义，参照 [Icon](/components/icon)值 | String | - | | color | 弹框的图标的颜色，type 为 toast 可用 | String | - | | onOk | 点击确定的回调 | Function | - | | onCancel | 点击取消的回调 | Function | - |