# su-dialog
> 使用方法同element框架中的dialog，更多用法及示例可查看element官网

## 导入使用

```code[javascript]
import seDialog from "ss-universal-client-web/comp/view/su-dialog";
```

## 基础使用
:::demo `show`用于控制弹窗展示与否
```html
<template>
    <div>
        <el-button @click="show=true;">
            打开弹窗
        </el-button>
        <su-dialog :visible.sync="show">
            <h1>
                我是内容
            </h1>
        </su-dialog>    
    </div>
</template>

<script>
    export default {
        components:{
            seDialog
        },
        data() {
            return {
                show : false
            }
        }
    }
</script>

```
:::