vue替代iframe的最好方法(vue使用iframe跳转别的页面)

在不适用iframe的情况相爱如何达到iframe的效果啊？

1；最简单也是最实用的办法，就是将需要嵌套的页面转换成JS（百度搜索HTML转换成JS），然后直接用调用JS的方法调用。

2；用object代替iframe。

3；个人比较喜欢第一种方法，简单，方便。

iframe标签可用什么替换实现网页嵌套效果

你好 如果你iframe 是一个自己做的页面 那么 可以直接采用ajax替代 但你要是 iframe别人的页面 不好意思 除开它 木有其他办法 要么你就不要iframe别人的

希望能帮到你 谢谢

vue项目如何内嵌如iframe页面

父页面

????iframe?:src="url"?:style="{width:style.width,height:style.height}"?frameborder="0"/iframe? ? ? ?接收传来的页面即子页面

在vue页面中

?????created?()?{

???????????window.addEventListener("message",?this.receiveMessageFromIframePage,?false);

???????},

????receiveMessageFromIframePage(event){

??????????if?(event.data??event.data.data??event.data.data.type)?{

? ? ? ? ? ? ? ? ? ?// do somthing, you want to do

????????????????}

? ? }

子页面

postMessage(message,targetOrigin,[transfer]);

注释：

????message：将要发送到其他window的数据。

? ??targetOrigin：指定那些窗口能接收到消息事件，其值可以是字符串 “*” 表示无限制，或者是一个URI。

? ??transfer：是一串和message同时传递的Transferable对象，这些对象的所有权将被转移给消息的接收方，而发送方将不再保留所有权。

????postMessage方法被调用时，会在所有页面脚本执行完毕之后像目标窗口派发一个 MessageEvent 消息，该MessageEvent消息有四个属性需要注意：

????type：表示该message的类型

????data：为 postMessage 的第一个参数

????origin：表示调用postMessage方法窗口的源

????source：记录调用postMessage方法的窗口对象

iframe替代方案

我以前就用过AJAX做过管理页面，左侧菜单不用每次都重新加载，你让他每次点击左侧链接或按钮然后调用AJAX加载右侧的内容就行

vue 有没有类似 iframe 的组件

vue-beauty vue 的ant design 实现

radon-ui 和上面的ui风格差不多

vue-carbon 手机端 material design ui

vue-router内嵌iframe页面，回退异常

使用vue-router跳转的项目页面中内嵌了一个iframe，如果iframe页面内进行了跳转，用vue-router的返回，是无法回到期望的vue页面

执行vue-router的返回，回退的只是iframe导航，如果iframe里面点击了多次，使url发生变更，那么用户要点击很多次才能真正的返回。

解决方案：

window指的是当前帧,而parent指的是当前帧的父节点.

因此,在正常情况下使用窗口.在处理iframe时使用parent

如果您没有任何 iframe然后去window.history.back()

注：history.length:浏览器历史列表中的元素数量

缺陷：如果你的iframe页面也有回退事件，这种方法可能就不适用（在iframe操作回退，最新的history.length并不会减少）

不要修改 iframe.src，而是删除旧 iframe 元素，新建一个 iframe 元素并替换它，这样不会产生 history。

直接 createElement，替换原来的 iframe。

5.iframe 里面的链接用 location.replace 跳转，这样就只会有一个历史记录了

大家有更好的方案欢迎提出??