[vue] v-html指令

v-html指令

转自:https://cn.vuejs.org/v2/api/#v-html

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

在网站上动态渲染任意HTML是非常刨除的,困为容易导致XSS攻击。只在可信内容上使用v-html,永不用在用户提交的内容上。

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

猜你喜欢

转载自blog.csdn.net/weixin_36210698/article/details/85003131