<head></head>
<body>
<!-- dialog -->
<button onclick=dakai()></button>
<dialog id='dialog'>this is a dialog</dialog>
<script>
var dakai=function(){
var x=document.getElementById("dialog").open
console.log(x)
if(x){
document.getElementById("dialog").removeAttribute('open')
}else{
document.getElementById("dialog").setAttribute('open','open')
}
</script>
</body>
</html>
vuetify提供了<v-dialog v-model="show">对话框组件，一个很有意思的事情是，通过在父组件设置show，就可以控制对话框的弹出和关闭。这里给出了一个模拟实现，通过父组件按钮，控制子组件的显示和关闭。
“弹窗展示”就相当于对话框，也就相当于<v-dialog>组件。通过点击切换可以修改父组件的show变量，该变量传递给了子组件，注意不是通过v-bind的方式，而是v-model。子组件获得该变量，就可以用于显示、关闭的判断。
1、首先下载EasyUI的组件包，然后导入到开发工具中并且在HTML页面导入jquery脚本。
2、接下来需要导入的easyui的脚本文件，如下图所示，一定先导入jquery后导入easyui。
3、然后需要导入的是easyui的样式文件，如下图所示，样式文件只需要easyui.css即可。
4、接下来还需要导入的是语言文件，不导入的话可能会导致一些组件是英文。
5、接下来在body中定义一个div，然后给它一个easyui-dialog的样式。
6、然后运行页面，就会在页面中看到一个dialog的弹出窗口了，就可以关闭对话框了。
