一般我们引用Dialog弹出框时,弹出框的大小都是用width="30%"这样来设置,这样的话我们在缩小屏幕的时候弹出框就会根据你缩小屏幕的宽度的百分比来设置,这样你弹出框里面的东西就会溢出,如果你不想溢出就把宽度写成width="500px",这样就可以了!注意px后面没有分号!!
//width属性设置一个固定宽度就可以了,宽度后面得加上px
<el-dialog
title="部件信息"
:visible.sync="isParts"
width="1100px"
:before-close="closeDetail"
>
</el-dialog>
实现点击遮罩层不关闭弹窗
//main.js文件
// 弹窗点击遮罩层不关闭
Element.Dialog.props.closeOnClickModal.default = false;
本文介绍如何正确设置Dialog弹出框的宽度,避免内容溢出,并提供了固定宽度的设置方法。同时,文章还介绍了如何通过修改配置使点击遮罩层时弹窗不会关闭。
2122

被折叠的 条评论
为什么被折叠?



