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的作用域策略。