vue如何向文本域插入html

在 Vue 中，可以使用 `v-html` 指令向文本域插入 HTML。该指令会将指定的 HTML 字符串渲染到元素中。例如：

<template>
  <div>
    <textarea v-model="content"></textarea>
    <button @click="addHtml">添加HTML</button>
    <div v-html="htmlContent"></div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      content: '',
      htmlContent: ''
    }
  },
  methods: {
    addHtml() {
      this.htmlContent = this.content
    }
  }
}
</script>

在上面的代码中，我们使用了一个 `textarea` 元素来输入 HTML 内容，并使用 `v-model` 指令将其绑定到 `content` 变量上。然后，我们定义了一个按钮，点击该按钮会将 `content` 变量的值赋值给 `htmlContent` 变量，这样就可以将输入的 HTML 渲染到页面上了。

最后，在 `<div>` 元素上使用 `v-html` 指令将 `htmlContent` 变量的值渲染为 HTML 内容。注意，使用 `v-html` 指令时需要格外谨慎，因为它会将字符串解析为 HTML，可能导致 XSS 攻击等安全问题。