Vue技术—v-html指令
v-html指令1.作用:向指定节点中渲染包含html结构的内容2.与插值 语法的区别v-html会替换掉节点中所有的内容,{{xxx}}则不会v-html可以识别html结构3.严重注意:v-html有安全性问题!!在网站上动态渲染任何HTML是非常危险的,容易导致XSS攻击。一定要在可信的内容上使用v-html,永远不要用在用户提交的内容上!<div id="root"><d
·
v-html指令
1.作用:向指定节点中渲染包含html结构的内容
2.与插值 语法的区别
- v-html会替换掉节点中所有的内容,{{xxx}}则不会
- v-html可以识别html结构
3.严重注意:v-html有安全性问题!!
- 在网站上动态渲染任何HTML是非常危险的,容易导致XSS攻击。
- 一定要在可信的内容上使用v-html,永远不要用在用户提交的内容上!
<div id="root">
<div>你好,{{name}}</div>
<div v-html="text"></div>
</div>
new Vue({
el:'#root',
data:{
name:'hello',
text:'<h2>你好</h2>'
}
})
更多推荐
已为社区贡献4条内容
所有评论(0)