更新元素的 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>
相关用法
- Vue.js v-pre用法及代码示例
- Vue.js v-on用法及代码示例
- Vue.js v-bind用法及代码示例
- Vue.js v-slot用法及代码示例
- Vue.js v-else用法及代码示例
- Vue.js v-cloak用法及代码示例
- Vue.js v-else-if用法及代码示例
- Vue.js v-text用法及代码示例
- Vue.js useSSRContext()用法及代码示例
- Vue.js app.directive()用法及代码示例
- Vue.js mergeProps()用法及代码示例
- Vue.js app.config.warnHandler用法及代码示例
- Vue.js pipeToWebWritable()用法及代码示例
- Vue.js app.use()用法及代码示例
- Vue.js h()用法及代码示例
- Vue.js serverPrefetch用法及代码示例
- Vue.js customRef()用法及代码示例
- Vue.js <Transition>用法及代码示例
- Vue.js inject()用法及代码示例
- Vue.js mixins用法及代码示例
- Vue.js ComponentCustomProps用法及代码示例
- Vue.js reactive()用法及代码示例
- Vue.js ComponentCustomProperties用法及代码示例
- Vue.js app.mount()用法及代码示例
注:本文由纯净天空筛选整理自vuejs.org大神的英文原创作品 v-html。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。