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

npm i dialog-com

Weekly Downloads

2

Version

1.0.5

License

ISC

Unpacked Size

8.66 kB

Total Files

4

Last publish

Collaborators

  • alexander007