vue的v-html解析富文本

在 Vue.js 中，你可以使用 `v-html` 指令来解析富文本内容。`v-html` 指令允许你将一个字符串作为 HTML 内容动态地渲染到 DOM 中。

首先，确保你已经将富文本内容存储在 Vue 组件的数据中。然后，在模板中使用 `v-html` 指令来渲染这个数据。

下面是一个示例：

<template>
  <div>
    <div v-html="richTextContent"></div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      richTextContent: '<p>Hello <strong>world</strong>!</p>'
    };
  }
};
</script>

在上面的示例中，`richTextContent` 数据包含一个富文本字符串。通过使用 `v-html` 指令，我们将这个字符串动态地渲染为 HTML 内容，并将其插入到 `<div>` 元素中。

需要注意的是，使用 `v-html` 指令时要谨慎，因为它可以导致潜在的安全风险。确保你信任并且能够控制富文本内容，以避免恶意代码注入攻击。