Skip to content

dialog

Directory actions

More options

Directory actions

More options

Latest commit

 

History

History
 
 

dialog

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
demo
demo
 
 
test
test
 
 
README.en-US.md
README.en-US.md
 
 
README.md
README.md
 
 
component.js
component.js
 
 
dialog.vue
dialog.vue
 
 
index.js
index.js
 
 

README.md

title Dialog 模态窗
preview https://mand-mobile.github.io/1x-doc/examples/#/dialog

交互式模态窗口

引入

import { Dialog } from 'mand-mobile'

Vue.component(Dialog.name, Dialog)

代码演示

API

Dialog Props

属性 说明 类型 默认值 备注
v-model 双向绑定是否显示窗口 Boolean false -
title 窗口标题 String - -
icon Icon组件图标名称 String - 如需自定义图标, 请查看Icon组件
closable 是否显示关闭按钮 Boolean true -
btns 底部操作按钮组 Array [] -
append-to 组件的挂载节点 HTMLElement document.body -
has-mask 是否有蒙层 Boolean true -
mask-closable 点击蒙层是否可关闭弹出层 Boolean false -
position 弹出层位置, center/top/bottom/left/right String center -
transition 弹出层过度动画, fade, slide-up/down/left/right String fade -
prevent-scroll 是否禁止滚动穿透 Boolean false -
prevent-scroll-exclude 禁止滚动排除元素 String - -

Dialog Slots

组件子元素会被当做默认插槽内容使用，适合于不需要标题的自定义窗口内容的场景。

Dialog Instance Methods

close()

隐藏弹窗

Dialog Instance Events

@show()

模态窗口显示后触发的事件

@hide()

模态窗口隐藏后触发的事件

Dialog Static Methods

confirm(props)

静态方法创建确认模态窗口, 返回Dialog实例

属性 说明 类型 默认值
icon 图标 String -
title 窗口标题 String -
content 正文内容 String -
cancelText 底部取消按钮文字 String 取消
confirmText 底部确认按钮文字 String 确认
onConfirm 点击确认按钮回调函数 Function -
Dialog.alert(props)

静态方法创建警告模态窗口, 返回Dialog实例

属性 说明 类型 默认值
icon 图标 String -
title 窗口标题 String -
content 正文内容 String -
confirmText 底部确认按钮文字 String 确认
onConfirm 点击确认按钮回调函数 Function -
Dialog.succeed(props)

静态方法创建成功确认模态窗口, 返回Dialog实例

属性 说明 类型 默认值
title 窗口标题 String -
content 正文内容 String -
confirmText 底部确认按钮文字 String 确认
onConfirm 点击确认按钮回调函数 Function -
Dialog.failed(props)

静态方法创建失败确认模态窗口, 返回Dialog实例

属性 说明 类型 默认值
title 窗口标题 String -
content 正文内容 String -
confirmText 底部确认按钮文字 String 确认
onConfirm 点击确认按钮回调函数 Function -
Dialog.closeAll()

静态方法关闭所有动态创建的全局Dialog 1.4.0+