需求背景：
近期做项目，后端返回了银联支付的第三方Html数据，前端项目是vue框架，发现v-html无法处理，那么想到iframe
iframe的使用：
第一个 src属性，只接受 url
<iframe src=url></iframe>
不符合要求
第二个 srcdoc属性，可以接受标签也可以接受 含有html和body标签
<iframe srcdoc='<html><head>...</head></html>'></iframe>
符合需求
定义&用法
srcdoc 属性规定要显示在内联框架中的页面的 HTML 内容。
提示：该属性应该与 sandbox 和 seamless 属性一起使用。
如果浏览器支持 srcdoc 属性，且指定了 srcdoc 属性，它将覆盖在 src 属性中规定的内容。
如果浏览器不支持 srcdoc 属性，且指定了 srcdoc 属性，它将显示在 src 属性中规定的文件。
那么在vue如何使用，就相对简单了
建立一个空vue组件，使用iframe标签，用url变量，接口获取的数据就放url中，页面就自动加载就可以了
扫一扫
3468
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
