当前位置: 首页>>编程示例 >>用法及示例精选 >>正文


Vue.js v-html用法及代码示例

更新元素的 innerHTML

期望: string

细节:

v-html 的内容作为纯 HTML 插入 - 不会处理 Vue 模板语法。如果您发现自己尝试使用 v-html 编写模板,请尝试改用组件来重新考虑解决方案。

安全说明

在您的网站上动态呈现任意 HTML 可能非常危险,因为它很容易导致XSS 攻击.只使用v-html关于受信任的内容和绝不关于用户提供的内容。

Single-File Components 中,scoped 样式将不适用于 v-html 中的内容,因为 Vue 的模板编译器不会处理 HTML。如果您想使用作用域 CSS 定位 v-html 内容,则可以改为使用 CSS modules 或其他全局 <style> 元素和手动作用域策略(例如 BEM)。

例子:

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

相关用法


注:本文由纯净天空筛选整理自vuejs.org大神的英文原创作品 v-html。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。