如果直接设置高度无效,可能是有其他CSS规则在影响el-dialog的高度。你可以使用浏览器的开发者工具(如Chrome的DevTools)来检查el-dialog元素,查看哪些CSS规则被应用,并确定是否有任何冲突的规则。 使用Vue绑定语法动态设置高度: 如果你需要根据某些条件动态设置el-dialog的高度,可以使用Vue的绑定语法。例如:html...
1 第一步，为了方便例子说明，我们创建一个使用element-ui为框架的vue项目，不会的请按下面经验操作。详细如下图 2 第二步，我们前往element-ui官网查看el-dialog 的使用方法。详细如下图 3 第三步，复制步骤二的的例子代码，放入到我们的项目中，放到src-components-HelloWorld.vue文件中。详细如下图 4 第四步...
vue中使用子组件弹框,el-dialog设置百分比高度不生效,应该这样写 <el-dialogtitle="目标详情":visible.sync="dialogVisible"v-if="dialogVisible"width="80%"height="70%":before-close="handleClose"><history-target:editDates="editDates"style=""></history-target></el-dialog>//这样高度70%不生效 应该...
/deep/ .el-dialog { height: 78vh; overflow: auto; } </style>
el-dialog默认高度 在Element Plus中,`el-dialog`默认的高度是`50vh`,即占据当前视窗高度的50%。这是为了确保对话框在不同设备和屏幕尺寸下都能够合适地显示。当然,你也可以通过设置`height`属性来自定义对话框的高度,例如: ```html <el-dialog title="提示" :visible.sync="dialogVisible" :height="300">...
v0.6.0 v0.5.1 v0.5.0 v0.4.3 v0.4.2 v0.4.1 v0.4.0 v0.3.1 v0.3.0 v0.2.1 v0.2.0 开始日期 - 截止日期 - 置顶选项 不置顶 不置顶 置顶等级:高 置顶等级:中 置顶等级:低 优先级 不指定 不指定 严重 主要 次要 不重要 参与者(2)...
<el-dialog:visible.sync="dialogVisible":show-close='false'width="75%"top="20vh":destroy-on-close='true':close-on-click-modal='false':close-on-press-escape='false'><divclass="el-dialog-div"></div></el-dialog> /deep/.el-dialog__header{display:none;}/deep/.el-dialog.el-dialog__...
评论支持部分 Markdown 语法:**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。 注册登录 注册登录 获取验证码 新手机号将自动注册 登录 微信登录免密码登录密码登录 继续即代表同意《服务协议》和《隐私政策》...
/deep/.el-dialog /deep/ .el-dialog__body { padding:21px !important; // border-top: 1px solid #dcdfe6; // border-bottom: 1px solid #dcdfe6; max-height: calc(123vh - 281px); overflow-y: auto; } 解决问题: 弹框为全屏,确只展示黑框部分 image.png最后...