在vue中嵌入iframe页面

[Talk is cheap. Show me the code]

不想看理论知识请直接移步最后代码示例。

一、嵌入iframe页面业务场景

项目是一个物流运营平台的管理系统，系统中对接了第三方的客服系统。因此这里需要在自己的页面中嵌入三方客服聊天的页面（这里对接了智齿）。ps：别问我为什么不自己写一个聊天的功能，问就是不知道。

二、iframe是什么

ifram标签规定了一个内联框架，让我们有可能在当前的HTML文档中嵌入另外一个文档，目前所有的主流浏览器都支持iframe标签，当然为了以防万一你可以在iframe标签中写入提示文本，以提示用户当前使用的浏览器不支持iframe。

<iframe src="http://www.baidu.com">
    IE：你们都看我干吗，我现在也是支持的