Как я могу предотвратить передачу стилей CSS в детские компоненты? ⇐ Html

[Anonymous]

Я пытаюсь убедиться, что классы CSS, которые я определяю, применялись исключительно к текущему компоненту, не влияя на любое из его дочерних компонентов. Как лучше всего достичь такого поведения в Vue 2, особенно при использовании стилей Scoped? < /P>


Dialog


Dialog
Open son Dialog







import ChildDialog from "./ChildDialog.vue";

export default {
components: {
ChildDialog,
},
data() {
return {
parentVisible: false,
childVisible: false,
};
},
};


::v-deep {
.mediumSize {
max-width: unset !important;
border-radius: 0 !important;
}
.el-dialog__headerbtn{
display: none;
}
.el-dialog__header{
padding: 0;
}
.el-dialog__body{
padding: 0;
}
.el-dialog__footer{
padding:0
}
}




Подробнее здесь: https://stackoverflow.com/questions/796 ... components