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

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

Сообщение 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»