Предотвратить css от воздействия на другой компонент Vue - PullRequest
Новая
       7

Предотвратить css от воздействия на другой компонент Vue

0 голосов
/ 05 декабря 2018

У меня есть проект, сначала это просто обычный SPA, но затем я должен объединить с ним другой проект Vue, это приводит к конфликтам css ...

Теперь у меня есть такой маршрутизатор: 

{
  path: '/admin',
  name: 'Home',
  component: MainContainer,
  redirect: '/admin/posts/list',
  children: .....
},
{
  path: '/',
  component: Container,
  children: .....
}

Это означает, что у меня есть 2 системы в 1 приложении Vue, но с использованием другого CSS.Моя попытка использовать cssed scss для основного компонента - здесь MainContainer и Container.Но использование стиля области видимости делает стиль не влияющим на эти дочерние компоненты.Есть ли в любом случае для детей MainContainer только использование style1.css и Container только использование style2.css?Если я удаляю scoped, стиль style1.css также влияет на Container и т. Д.

Я могу проверить маршрутизатор vue и перезагрузить страницу, чтобы очистить старый css при изменении страницы с MainContainer => Container или наоборот, но, похоже, это не правильный путь.

...