v-html指令

1.作用:向指定节点中渲染包含html结构的内容
2.与插值 语法的区别

  1. v-html会替换掉节点中所有的内容,{{xxx}}则不会
  2. v-html可以识别html结构

3.严重注意:v-html有安全性问题!!

  1. 在网站上动态渲染任何HTML是非常危险的,容易导致XSS攻击。
  2. 一定要在可信的内容上使用v-html,永远不要用在用户提交的内容上!
<div id="root">
	<div>你好,{{name}}</div>
	<div v-html="text"></div>
</div>
new Vue({
	el:'#root',
	data:{
		name:'hello',
		text:'<h2>你好</h2>'
	}
})

在这里插入图片描述

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐