使用v-html导入CSS@

Question

如何使用@import为具有作用域css的v-html内容设置样式？

这里有关于如何使用：：v-deep的解释，但在我的情况下，我希望包含一个使用@import的CSS文件。

我尝试了以下操作，但不起作用：

<template>
<div v-html="richtext" />
</template>
...
<style lang="scss" scoped>
@import 'assets/scss/imports/headers.scss';
</style>

我可以全局导入样式，这确实有效，但我的目标是只在这个richtext组件中导入它。

Answer 1

我通常使用src属性

<style lang="scss" src="@/assets/scss/imports/headers.scss"></style>