@AndrewRusinas

Как применить стили из родительского компонента для класса, переданного в слот?

Допустим, есть компонент, в котором есть слот.

<template lang="pug">
.my-component
    // some component data
    slot(name="hello")
</template>

<style lang="sass" scoped>
.hello
    // some styles
</style>


И я хочу, чтобы классы, описанные внутри этого компонента, применялись к блокам, которые переданы через слот.

<template lang="pug">
.another-component
    MyComponent
        template(#hello)
            .hello Blah blah blah
</template>


В данном случае понятно, что Vue определяет классы, как принадлежащие к разным scope, но убирать свойство scoped неразумно для достижения моей цели. Есть ли какой-то еще способ? Кроме дублирования правил класса .hello в каждый компонент, где он будет использоваться.
  • Вопрос задан
  • 42 просмотра
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы