Size: a a a

Nuxt.js — русскоговорящее сообщество

2019 November 18

ИЮ

Илья Юрьевич in Nuxt.js — русскоговорящее сообщество
Причем, я вытащил уже просто стили из node_modules  и просто вставил их снизу в <style scoped>
источник

ИЮ

Илья Юрьевич in Nuxt.js — русскоговорящее сообщество
в компоненте хедера
источник

ИЮ

Илья Юрьевич in Nuxt.js — русскоговорящее сообщество
и все равно такое
источник

ИЮ

Илья Юрьевич in Nuxt.js — русскоговорящее сообщество
но! если убираю scoped то все норм, но тогда это переписывает все остальные стили сайта
источник

SZ

Stas Zelenko in Nuxt.js — русскоговорящее сообщество
Илья Юрьевич
Всем привет, странный вопрос, почему nuxt  стили scoped в компоненте теряет?
Scoped стили не работают для дочерних компонентов
можно использовать /deep/ , но тут похоже что надо просто подключить глобально
источник

ИЮ

Илья Юрьевич in Nuxt.js — русскоговорящее сообщество
Stas Zelenko
Scoped стили не работают для дочерних компонентов
можно использовать /deep/ , но тут похоже что надо просто подключить глобально
Вся остальная часть сайта к сожалению на кастомных стилях, которые сыпятся из-за бутстраповских стилей
источник

ИЮ

Илья Юрьевич in Nuxt.js — русскоговорящее сообщество
Stas Zelenko
Scoped стили не работают для дочерних компонентов
можно использовать /deep/ , но тут похоже что надо просто подключить глобально
Спасибо, а что за /deep/ ?
источник

ИЮ

Илья Юрьевич in Nuxt.js — русскоговорящее сообщество
Просто компонентт хедера крепится сразу в лейауте, соответственно там вставлять скопд стили смысла нет, т.к. они сползут на весь сайт, а в компоненте получается нельзя
источник

ИЮ

Илья Юрьевич in Nuxt.js — русскоговорящее сообщество
а можно тогда сделать хедер страницей, а не компонентом и как-то подключить в лейауте?
источник

SZ

Stas Zelenko in Nuxt.js — русскоговорящее сообщество
Илья Юрьевич
Спасибо, а что за /deep/ ?
https://vue-loader.vuejs.org/guide/scoped-css.html#deep-selectors
может попробуй просто обернуть в какой-нибудь класс, тогда не должно ломать
источник

ИЮ

Илья Юрьевич in Nuxt.js — русскоговорящее сообщество
Stas Zelenko
https://vue-loader.vuejs.org/guide/scoped-css.html#deep-selectors
может попробуй просто обернуть в какой-нибудь класс, тогда не должно ломать
хм.. это может сработать
источник

RK

Roman Kolosov in Nuxt.js — русскоговорящее сообщество
Сергей Захаров
Сначала попробуй вариант с максимальным шансом на успех:
1) ElementUI в отдельном плагине с mode: "all"
2) свой этот baseflow регистрировать в плагине с mode: "client" и через Vue.component
3) в вёрстке вставлять компонент, обрамляя его <client-only>
всё по человечески пересобрал, завелось, спасибо, но ещё один важный момент был это правильный экспорт потом в плагине
источник

RK

Roman Kolosov in Nuxt.js — русскоговорящее сообщество
источник

СЗ

Сергей Захаров in Nuxt.js — русскоговорящее сообщество
А без такого экспорта не работает?
Я обычно там, где не нужен доступ к контексту, не делаю такой экспорт.
источник

RK

Roman Kolosov in Nuxt.js — русскоговорящее сообщество
неа, компонент не виден в системе тогда
источник

RK

Roman Kolosov in Nuxt.js — русскоговорящее сообщество
аналогично для element-ui кстати
источник

RK

Roman Kolosov in Nuxt.js — русскоговорящее сообщество
источник

RK

Roman Kolosov in Nuxt.js — русскоговорящее сообщество
и вот такой конфиг получился
источник

RK

Roman Kolosov in Nuxt.js — русскоговорящее сообщество
источник

СЗ

Сергей Захаров in Nuxt.js — русскоговорящее сообщество
Я бы плагин с ElementUI, на всякий случай, поставил выше vue-g6-editor.
источник