“Scoped”使scss文件和代码无法在单个vue组件上运行

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