Dialog 弹窗

基础用法

自定义

Dialog API

Dialog Attributes

名称	说明	类型	默认值	是否必须
model-value / v-model	弹窗是否显示绑定值	boolean	false	否
confirmText	确认按钮文字	string	确认	否
cancelText	取消按钮文字	string	取消	否
confirmLoading	确认按钮 loading	boolean	false	否
hasFooter	是否需要底部按钮	boolean	true	否
top	弹窗距离顶部的距离	string	15vh	否
width	弹窗宽	string	460px	否
title	弹窗标题	string	弹窗	否
footerAlign	弹窗底部对齐方式	string	right	否
closeOnClickModal	el-dialog 的 closeOnClickModal	boolean	false	否
closeOnPressEscape	el-dialog 的 closeOnPressEscape	boolean	false	否
...	...	...	...	...

提示

...表示同时支持所有 el-dialog Attributes

Dialog Events

名称	说明	类型
confirm	点击确认按钮触发	function
cancel	点击取消按钮触发	function
...	...	...

提示

...表示同时支持所有 el-dialog Events

Dialog Slots

插槽名	说明
default	弹窗内容
header	弹窗头部
footer	弹窗底部