vue.js v-html

v-html是Vue.js中的一个指令，用于将数据动态地渲染为HTML。它可以将一个字符串作为参数，然后将该字符串作为HTML代码插入到指定的元素中。

以下是一个使用v-html指令的示例：

<template>
  <div>
    <p v-html="str"></p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      str: "<span>我是一个span标签</span>"
    }
  }
}
</script>

在上面的示例中，我们使用v-html指令将`str`变量的值渲染为HTML，并将其插入到`<p>`元素中。最终的结果是在页面上显示一个带有`<span>`标签的文本。

需要注意的是，使用v-html指令时要谨慎，因为它可以导致XSS攻击。确保只将可信任的HTML代码传递给v-html指令，或者对传递的HTML代码进行适当的过滤和转义。