有时候api的返回内容为HTML代码格式,那么前端页面该如何显示呢?
v-html
进行渲染<div v-html="item.icon"></div> //item.ico为接口获取到的动态HTML代码
<div v-html="<div>Hello World</div>"></div>
iframe
进行渲染iframe中有一个
srcdoc
可以将html代码直接渲染在iframe中
<iframe id="frame" :srcdoc="item.icon" frameborder="0"></iframe>
<iframe id="frame" srcdoc="<div>Hello World</div>" frameborder="0"></iframe>