dialog-com
1.0.5 • Public • Published 使用
npm i dialog-com
import dialogCom from 'dialog-com'
vue的弹出模态框,dialog,modal
<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 |
显示弹出框 |
Package Sidebar
Install
Weekly Downloads