vue快速入门v-html
warning:
这篇文章距离上次修改已过454天，其中的内容可能已经有所变动。
在Vue中，v-html指令用于设置元素的innerHTML。这意味着它会渲染实际的HTML，并不会转义字符串。
警告：在生产环境中使用 v-html 可能会导致 XSS 攻击，如果你的内容是用户提供的，请确保你清理了它。
示例代码：
<template>
<div>
<!-- 将innerHtml属性的值渲染到p元素中 -->
<p v-html="innerHtml"></p>
</div>
</template>
<script>
export default {
data() {
return {
// 这里的内容将被渲染为HTML
innerHtml: '<span style="color: red;">这是红色的文本</span>'
}
}
}
</script>在这个例子中，<span>标签和它的内容会被渲染，而不是作为纯文本显示。这使得你可以在Vue组件中动态地插入HTML内容。
评论已关闭