4.0.0 • Published 6 years ago
@huteming/ui-dialog v4.0.0
对话框
引入
import { TmDialog } from '@huteming/ui'
Vue.use(TmDialog)
// Vue.component(TmDialog.name, TmDialog)例子
<tm-dialog v-model="visibleDialog">
...
</tm-dialog>API
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| value | 显示状态 | Boolean | false | |
| close-position | 关闭 X 显示位置 | String | out-right, out-left, in-right, in-left, bottom | |
| close-on-click-modal | 点击折腾是否关闭 | Boolean | true | |
| before-close | 关闭前的回调，会暂停 Dialog 的关闭 | function(done) |
Slot
| 参数 | 说明 |
|---|---|
| Dialog 的内容 | |
| footer | Dialog 按钮操作区的内容 |
Events
| name | 说明 |
|---|---|
| open | Dialog 打开的回调 |
| close | Dialog 关闭的回调 |
| closed | Dialog 关闭动画结束时的回调 |
4.0.0
6 years ago