前端vue怎么回显富文本框内容

在Vue中回显富文本框内容，可以使用`v-html`指令将HTML字符串渲染到页面上。具体实现方法如下：

1. 获取富文本框中的内容，可以使用富文本编辑器提供的接口获取内容。

2. 将获取到的内容保存到Vue组件的data中，作为一个字符串类型的变量。

3. 在模板中使用`v-html`指令将保存的HTML字符串渲染到页面上。

以下是一个基于Vue和UEditor的示例代码：

<template>
  <div>
    <!-- 富文本编辑器 -->
    <script type="text/plain" ref="editor"></script>

    <!-- 展示富文本内容的区域 -->
    <div v-html="content"></div>
  </div>
</template>

<script>
  import UE from 'ueditor'

  export default {
    data() {
      return {
        content: ''
      }
    },
    mounted() {
      // 初始化富文本编辑器
      this.editor = UE.getEditor(this.$refs.editor)

      // 获取富文本内容
      this.content = this.editor.getContent()
    }
  }
</script>

在上述代码中，首先使用UEditor初始化富文本编辑器，并将其绑定到`<script>`标签上。然后在Vue组件的`mounted`生命周期函数中，使用`getContent`方法获取编辑器中的内容，并将其保存到Vue组件的data中的`content`变量中。最后，在模板中使用`v-html`指令将`content`变量的值渲染到页面上。

需要注意的是，使用`v-html`指令渲染HTML字符串存在一定的风险，因为不安全的HTML字符串可能会导致跨站脚本攻击（XSS攻击）。为了保证安全性，建议在渲染之前对HTML字符串进行过滤和转义。