«Scoped» делает файлы scss и код не работающими на одном компоненте vue - PullRequest
1 голос
/ 10 апреля 2019

Я работаю над большим проектом Vue, включающим много компонентов, и моя проблема в том, что я пытаюсь включить некоторые файлы scss, чтобы заставить их работать в определенном компоненте или в определенном дереве маршрутизации (например, вызвать его в родительском компоненте, чтобы будет влиять на ребенка) любой способ применить это, я использую lang="scss" scoped, но, к сожалению, я обнаружил, что код не работает и все стили уничтожены, и когда я удаляю "Scoped", он работает нормально, но стили влияют на другие компоненты, и я не хочу, чтобы это случилось, так что это мой способ включить файлы

<style lang="scss" scoped>
    @import "assets/styles/vl.vendor.scss";
    @import "assets/styles/vl.scss";
</style>

Я перепробовал все решения на stackoverflow, но никто не работал для меня. Спасибо

1 Ответ

1 голос
/ 10 апреля 2019
<style lang="scss" src="assets/styles/vl.vendor.scss" scoped></style>
<style lang="scss" src="assets/styles/vl.scss" scoped></style>

Если это все еще не работает, это может быть потому, что пути не разрешаются правильно. Возможно, вам придется использовать src="/assets/styles/..." или src="../assets/styles/...", в зависимости от того, как пути разрешаются в вашем приложении.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...