title: iview How to keep vue page status in a vue page which have a iframe inside in it between tab switch
body: <p>I have two pages (tabA and tabB) using vue and vue-router,iview,user can switch tabs between tabA and tabB,tabA is a normal vue page,tabB is a vue page which includes iframe inside in tabB,when I switch to tabA and then click to back to tabB,however,tabB's iframe inside was refreshed,How can i keep tabB's iframe status and don't refresh between tab switchs,I tried ,however,It is useless, So what should I do to keep tabB's iframe status between tab switchs?
  My pages like this:</p>
  <p>tabA</p>
  <pre class="lang-html prettyprint-override"><code>&lt;template&gt;
    &lt;div&gt;
      &lt;Card&gt;
        something...  
      &lt;/Card&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  <p>tabB</p>
  <pre class="lang-html prettyprint-override"><code>&lt;template&gt;
    &lt;div&gt;
      &lt;Card&gt;
        &lt;div &gt;
        &lt;iframe  src=&quot;xxx.com&quot;&gt;
    something
        &lt;/iframe&gt;
          &lt;/div&gt;
      &lt;/Card&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>