问题描述:在使用element ui 弹窗的时候,父子组件样式会互相影响,父组件的样式会覆盖子组件样式
解决办法:给子组件外层嵌套一个div,并添加 id
父组件代码
::v-deep .el-dialog {
left: 50%;
top: 45%;
transform: translate(-50%, -50%);
margin: 0px !important;
}
子组件代码
<div id="registerModal">
<el-dialog :title="dialogTitle" :visible.sync="dialogVisible" width="60%">
</el-dialog>
</div>
#registerModal ::v-deep .el-dialog {
left: 50%;
top: 35%;
transform: translate(-50%, -50%);
margin: 0px !important;
}