为什么 Vue 中使用 v-html 渲染 HTML 时，em 标签无法解析？

vue 的 v-html 解析不了 em 标签？

在 vue 中使用 v-html 来渲染 HTML 时，遇到 em 标签无法解析的问题，这可能是由于项目的全局初始化样式重写了 em 样式导致的。

全局初始化样式通常存储在 style 文件夹中，文件名类似于 main.css 或 common.css。在 main.js 文件中，这些样式表会被引入到 Vue 应用程序中。

检查一下项目的全局初始化样式，看看是否存在以下类似的样式：

em {
  font-style: normal !important;
}

如果存在这样的样式，它将覆盖 em 标签的默认样式（斜体），导致 v-html 渲染的 em 标签无法显示斜体效果。

立即学习“前端免费学习笔记（深入）”；

可以通过修改全局初始化样式，或者在需要斜体效果的元素上添加内联样式来解决这个问题。例如：

<p><em style="font-style: italic;">xxxxxx</em></p>

以上就是为什么 Vue 中使用 v-html 渲染 HTML 时，em 标签无法解析？的详细内容，更多请关注其它相关文章！