
解析data对象中带有标签的des字段
1.react的方法:dangerouslySetInnerHTMl 属性
<div dangerouslySetInnerHTML = {{__html:返回的html代码片段}} ></div>
<div dangerouslySetInnerHTML = {{__html:data.des}} ></div>
原理:
1.dangerouslySetInnerHTMl 是React标签的一个属性,类似于angular的ng-bind;
2.有2个{{}},第一{}代表jsx语法开始,第二个是代表dangerouslySetInnerHTML接收的是一个对象键值对;
3.既可以插入DOM,又可以插入字符串;
2.vue的方法:v-html
<div v-html = "返回的html代码片段" ></div>
<div v-html = "data.des" >{{data.des}}</div>

博客介绍了解析data对象中带标签的des字段的方法。在React里可使用dangerouslySetInnerHTMl属性,它类似angular的ng - bind,接收对象键值对,能插入DOM和字符串;在Vue中则可使用v - html方法。

4556

被折叠的 条评论
为什么被折叠?



