子组件里有dialog,在浏览器里已经调试过了,修改.el-dialog的background即可生效,说明类名没有搞错,但是在子组件的css里设置了el-dialog穿透样式,但是一直不生效,去掉scoped后虽然可以生效,但是会影响其他页面,这个方法不可取。
最后经过尝试发现,css要写在调用对话框子组件的父组件vue文件里才能生效。
<style scoped>
/* 跳转弹窗背景色透明, */
:deep(.el-dialog) {
background: transparent;
}
</style>