将全局 CSS 应用于注入的 HTML (v-html)

【问题标题】：Applying global CSS to injected HTML (v-html)将全局 CSS 应用于注入的 HTML (v-html)
【发布时间】：2019-05-16 21:47:00
【问题描述】：

我正在尝试使用 Vue 从我的数据库中注入 HTML。我能够成功注入 HTML，但是我遇到的问题是我的框架样式表 (Vuetify) 没有被应用。
它应用于页面的其余部分，而不是注入的 HTML。

如何获取注入的 HTML 以使用我的 Vuetify CSS？

此外，虽然我在检查 HTML 时可以看到它们，但我的 HTML 中的图像也没有呈现。

<div v-html="post.format"></div>

输出 HTML：

<div>
  <v-container grid-list-md="" text-xs-center="">
    <v-layout row="" wrap="">
      <v-flex xs12="" md12="" lg6="">
        <p class="text-lg-left">Post description text</p>
      </v-flex>
      <v-flex xs12="" md12="" lg6="">
        <v-img class="center" style="max-width:250px" src="/img/1.jpg"></v-img>
      </v-flex>
    </v-layout>

  </v-container>

  <v-container grid-list-md="" text-xs-center="">
    <v-layout row="" wrap="">
      <v-flex xs12="" md12="" lg6="">
        <v-img width="250px" class="center" src="/img/2.jpg">
        </v-img>
      </v-flex>
      <v-flex xs12="" md12="" lg6="">
        <p class="text-lg-left">More post description text</p>
      </v-flex>
    </v-layout>
  </v-container>
</div>

【问题讨论】：

• 你能显示 post.format html
• 用 post.format HTML 更新了它。

  标签之间是存储在我的数据库中的 HTML。检查页面上的元素时看起来不错。但是我的 Vuetify css 并不仅仅应用于页面的这一部分。 VueJS v html 标签也无法正确呈现。例如，我的 时显示
• 那是因为 Vue 不处理 v-html 的输出。你可以阅读here。
• 有没有办法插入 HTML 并让 Vue 处理它？
• 不幸的是，我认为这是不可能的。如果我可以问的话，你想通过注入这样的标记来实现什么。也许有更好的方法来处理您在这里尝试做的事情。