<dialog-com
:title="title"
append-to-body
width="50%"
:fullScreen="false"
:closeOnClickModal="true"
:closeOnPressEscape="true"
:visible.sync="dialogVisible">
<html></html>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="dialogVisible = false">确 定</el-button>
</div>
<dialog-com>
<script>
export default{
data(){
return{
dialogVisible:false
}
}
}
</script>
属性 | 类型 | 可选值 | 默认值 | 备注 |
---|---|---|---|---|
title | String | - | - | 标题 |
append-to-body | Boolean | true/false | true | 将modal添加到body下 |
width | String | %/px/vw | 50% | - |
fullScreen | Boolean | true/false | false | 是否全屏 |
closeOnClickModal | Boolean | true/false | true | 点击Modal关闭弹出框 |
closeOnPressEscape | Boolean | true/false | true | 按下ESC关闭弹出框 |
visible | Boolean | true/false | false | 显示弹出框 |