Vue.js <iframe>保持活力

时间:2017-08-13 16:32:38

标签: iframe vue.js vue-router

我有一个简单的Vue.js应用程序,包含2个iframe。

&#xA;&#xA;

使用Vue Router我想在两个iframe之间切换,但我想要保持iframe在后台“活着”,所以每次都不需要重新加载iframe。

&#xA;&#xA;

任何想法为什么以下小提琴不起作用? (请注意,每次来回切换时都会重新加载iframe)

&#xA;&#xA;

http://jsfiddle.net/c3umtepz/1/

&#xA;&#xA;
 &lt; div id =“app”&gt;& #xA; &lt; router-link to =“/”&gt; /youtube.com< / router-link&gt;&#xA; &lt; router-link to =“/ foo”&gt; /adobe.com< / router-link&gt;&#xA; &LT;保活&GT;&#XA; &LT;路由器视图&gt;&LT; /路由器视图&gt;&#XA; &LT; /保活&GT;&#XA;&LT; / DIV&GT;&#XA;  
&#XA;

1 个答案:

答案 0 :(得分:1)

保持活动在这里不起作用,您使用v-show的解决方案是正确的

keep-alive原则是将节点信息保留在VNode中的组件中(在内存中),并在需要渲染时从VNode渲染到真实DOM。 iframe页面中的内容不属于该节点的信息,因此使用keep-alive仍会重新呈现iframe中的内容