$ui/components/my-dialog

弹窗组件

Source:

my-dialog/src/Dialog.vue, line 2

Members

(inner) props

Source:

my-dialog/src/Dialog.vue, line 50

Properties:

Name	Type	Attributes	Default	Description
`visible`	boolean	<optional>	`true`	显示弹窗，支持sync修饰符
`title`	string	<optional>		标题文本，复杂内容可通过插槽定义
`icon`	string \| object	<optional>		标题前的图标，可以是字体图标或svg
`width`	string	<optional>		弹窗宽度
`height`	string	<optional>		高度
`position`	array	<optional>		弹窗默认位置
`modal`	boolean	<optional>		显示遮罩层
`theme`	string	<optional>		主题风格，可选值：'primary', 'dark', 'light'
`draggable`	boolean \| object	<optional>		拖拽配置，参考MyDrag组件
`resizable`	boolean \| object	<optional>		resize配置，参考MyResize组件
`animation`	string	<optional>	`el-fade-in`	显示动画
`footer`	boolean	<optional>	`true`	显示底部
`submitText`	string	<optional>	`确定`	确定按钮文本
`cancelText`	string	<optional>	`取消`	取消按钮文本
`submitLoading`	boolean	<optional>		确定按钮显示loading，防止重复提交
`closable`	boolean	<optional>	`true`	窗体可关闭
`beforeClose`	function	<optional>		窗体关闭前进行的操作，必须要返回Promise
`maximizable`	boolean	<optional>		可最大化
`maximized`	boolean	<optional>		初始是否最大化
`minimizable`	boolean	<optional>		可最小化，最小化只隐藏，不销毁组件
`minimized`	boolean	<optional>		初始是否最小化
`cancelClose`	boolean	<optional>		点击取消按钮关闭窗体
`loading`	boolean	<optional>		显示loading
`loadingTip`	boolean	<optional>	`正在拼命加载...`	loading提示文本
`src`	string	<optional>		用iframe加载的页面地址
`bodyClass`	string	<optional>		dialog内容容器className
`target`	string	<optional>		窗体加载到容器的html选择器
`closeOnClickOutside`	boolean	<optional>		点击窗体外部关闭

属性参数

(inner) slots

Source:

my-dialog/src/Dialog.vue, line 29

Properties:

Name	Type	Description
`default`	string	默认插槽，弹窗显示的内容
`icon`	string	定义标题前的图标
`title`	string	定义标题
`tool`	string	定义头部的工具按钮操作区
`footer`	string	定义底部，定义底部将会导致确定、取消按钮失效