javascript - 如何让 iframe 在后台保持活跃？

Question

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

使用 Vue 路由器我想在两个 iframe 之间切换，但我想让 iframe 在后台保持“事件”，因此不需要每次都重新加载 iframe。

知道为什么下面的 fiddle 不起作用吗？ (请注意，每次来回切换时它都会重新加载 iframe)

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

<div id="app">
  <router-link to="/">/youtube.com</router-link>
  <router-link to="/foo">/adobe.com</router-link>
  <keep-alive>
    <router-view></router-view>
  </keep-alive>
</div>

Answer 1

Keep-alive 在这里不起作用，您的解决方案 v-show是正确的

The keep-alive principle is to keep the node information in the component in VNode (in memory) and render from VNode to real DOM when rendering is needed. The content in the iframe page does not belong to the information of the node, so using keep-alive will still re-render the content in the iframe