vue中v-html会导致哪些问题
作者:
玲儿珑 | 来源:发表于
2020-05-20 18:07 被阅读0次
- 可能会导致xss攻击
- V-html更新的是元素的 innerHTML 。内容按普通 HTML 插入, 不会作为 Vue 模板进行编译 。
但是有的时候我们需要渲染的html片段中有插值表达式,或者按照Vue模板语法给dom元素绑定了事件。
- 在单文件组件里,scoped 的样式不会应用在 v-html 内部,因为那部分 HTML 没有被 Vue 的模板编译器处理。如果你希望针对 v-html 的内容设置带作用域的 CSS,你可以替换为 CSS Modules 或用一个额外的全局 <style>元素手动设置类似 BEM 的作用域策略。
- 后台返回的html片段,以及css样式和js,但是返回的js是不执行的,因为浏览器在渲染的时候并没有将js渲染,这时要在$nextTick中动态创建script标签并插入
参考:https://cloud.tencent.com/developer/article/1467371
本文标题:vue中v-html会导致哪些问题
本文链接:https://www.haomeiwen.com/subject/lywnohtx.html
网友评论