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


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


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


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;
答案 0 :(得分:1)
保持活动在这里不起作用,您使用v-show
的解决方案是正确的
keep-alive原则是将节点信息保留在VNode中的组件中(在内存中),并在需要渲染时从VNode渲染到真实DOM。 iframe页面中的内容不属于该节点的信息,因此使用keep-alive仍会重新呈现iframe中的内容