vue中elementUI组件el-dialog嵌套 样式问题 - Go语言中文社区

vue中elementUI组件el-dialog嵌套 样式问题

遇到的问题:

	1.内外dialog共两层遮罩，内层dialog被灰色遮罩遮盖，
	2.内层dialog继承了外层dialog的样式

解决：
1.在内层dialog上添加append-to-body属性，在这里插入图片描述
2.内层dialog样式修改，在内层dialog外包一层div并加class类

		*不要在有scoped的style标签下写，因为是局部的，样式不会生效*

	<style>
		.inside_delog .el-dialog__body{
			padding: 30px 20px;
		}
		.inside_delog .el-dialog__header{
			height:55px
		}
	</style>

如果这样写样式不生效，把嵌套的dialog改为两个dialog并列

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/weixin_43835827/article/details/105635496
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。
  • 发表于 2021-06-20 21:59:26
  • 阅读 ( 1296 )
  • 分类：前端

你可能感兴趣的文章

精选的优质文章

0 条评论

请先 登录 后评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看

来源51CTO

如果觉得我的文章对您有用，请随意打赏。你的支持将鼓励我继续创作！