VueJS-使用v-html添加css样式

我想从数据库中添加html内容（以便可以从外部更改页面内容的一部分）

如何添加SCSS样式？我像这样使用v-html，但我不知道如何添加样式：

<div v-html="ct"></div>

async created() {
   this.ct = await this.getPage("blabla");
}

异步创建（）{
this.ct=等待此.getPage（“blabla”）；
}

我不希望在vuejs样式中添加SCSS部分，我已经为代码的其他部分添加了一些其他CSS，但是如果需要，可以在这些资源中定义样式

<style lang="scss" scoped>
    @import '~assets/styles/core';
</style>

@导入“~assets/style/core”；

我找到了一些答案，但它似乎不是来自另一个来源的风格 或

---

使用作用域CSS时，Vue会创建动态生成的选择器来引用元素。但是，

v-html

内容不会得到动态生成的选择器，因为Vue不是动态创建该html，而是将其转储。因此，如果您使用的是

v-html

，则在父组件中定义的范围样式将不会应用于子组件，而不使用

---

您需要保持样式的全局性，通过网页包配置导入样式表，以便Vue不会更改类名以匹配Vue实例的动态选择器，或者使用特定于

v-html

子元素和的样式。

使用范围CSS时，Vue创建动态生成的选择器以引用元素。但是，

v-html

内容不会得到动态生成的选择器，因为Vue不是动态创建该html，而是将其转储。因此，如果您使用的是

v-html

，则在父组件中定义的范围样式将不会应用于子组件，而不使用

您需要保持样式的全局性，通过Web包配置导入样式表，以便Vue不会更改类名以匹配Vue实例的动态选择器，或者采用特定于

v-html

子元素和的样式