• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • v-html

    • 预期:string
    • 详细:更新元素的 innerHTML。从对象的起始位置到终止位置的全部内容,包括Html标签。
    在网站上动态渲染任意 HTML 是非常危险的,因为容易导致 XSS 攻击。只在可信内容上使用v-html,永不用在用户提交的内容上。

    在单文件组件里,scoped的样式不会应用在v-html内部,因为那部分 HTML 没有被 Vue 的模板编译器处理。如果你希望针对v-html的内容设置带作用域的 CSS,你可以替换为 CSS modules 或用一个额外的全局<style>元素手动设置类似 BEM 的作用域策略。

    注意:内容按普通 HTML 插入- 不会作为 Vue 模板进行编译。如果试图使用v-html组合模板,可以重新考虑是否通过使用组件来替代。


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

    上篇:v-text

    下篇:v-pre