Question

我正在处理一个很大的Vue项目，其中包含很多组件，而我的问题是试图包含一些scss文件以使它们在特定组件或特定溃败树中正常工作（例如在父组件上调用它）会影响孩子的）我使用lang="scss" scoped的任何应用方式，但不幸的是，我发现代码无法正常工作并且所有样式都被破坏，当我删除“ Scoped”时，它工作正常，但是样式会影响其他组件，而我不想发生这种情况，所以这是我包含文件的方式

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

我已经尝试了所有关于stackoverflow的解决方案，但是没有人为我工作。谢谢

Answer 1

<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/..."，具体取决于应用程序中路径的解析方式。

“作用域”使scss文件和代码不适用于单个vue组件

1 个答案: