vue3.0 element-plus弹窗样式穿透

// style 要加上scoped
// custom-class不设置也可以:

//其他的>>> :v-deep() /deep/ 试了都没有起作用

// 生效 
:deep(.el-dialog.my-dialog){
}

// 生效:外面包层自己添加的类名
.my-page-class{
	:deep(.el-dialog.my-dialog){
		.el-dialog__header{}
		.el-dialog__body{}
	}
}
// 不生效: 不要嵌套 :deep()
.my-page-class{
	:deep(.el-dialog.my-dialog){
		:deep(.el-dialog__header){}
		:deep(.el-dialog__body){}
	}
}

你可能感兴趣的:(笔记,vue.js,elementui,javascript)