el-dialog 全屏展示
时间: 2024-05-10 11:12:26 浏览: 305
全屏显示对话框
5星 · 资源好评率100%
el-dialog是element-ui中的一个组件,用于展示弹出框。如果需要实现全屏展示,可以通过设置el-dialog的fullscreen属性为true来实现。当fullscreen属性为true时,el-dialog会覆盖整个窗口,达到全屏展示的效果。
同时,还需要设置el-dialog的width和height属性为100%。示例代码如下:
```
<el-dialog :visible="dialogVisible" :fullscreen="true" :width="'100%'" :height="'100%'">
<!-- 弹出框内容 -->
</el-dialog>
```
这样设置后,el-dialog就会在页面中全屏展示。
阅读全文