Как подружить элементы в shadow dom со стилями страницы?

Question

[elrevin]

Добрый день.
Может кто-то сталкивался с такой проблемой.
Есть vue компонент (хотя это не важно какой компонент), который существует в shadow dom, но компонент этот использует стили bootstrap и еще много чего. И на странице есть и bootstrap и еще много всяких стилей. Так вот как сделать так чтобы компонент из своего shadow dom мог использовать bootstrap страницы, а не тащил свой. Потому как таких компонентов на странице может быть довольно много и каждый потянет свои дублирующие друг друга стили.

Answer 1

[Виталий Инчин ☢]

Кхм, ShadowDOM как раз преследует цель абстрагироваться от стилей и содержимого страницы. С какой целью вы его используете?

Answer 2

[elrevin]

В данном случае я бы рад его не использовать. Его использует vue, когда создает web-компонент. Собственно, может я делаю что-то не так. Я создал некоторое количество web-компонентов vue, и собираюсь их на странице использовать, а они оборачиваются в shadow dom, может можно как-то собрать web-компонент vue, так чтобы не использовался shadow dom?

Comments

[Виталий Инчин ☢]

Как бы намекнуть помягче))) Vue сам по себе не использует теневой DOM, это где-то у вас настроено