iview How to keep vue page status in a vue page which have a iframe inside in it between tab switch

Question

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:

tabA

<template>
  <div>
    <Card>
      something...  
    </Card>
  </div>
</template>

tabB

<template>
  <div>
    <Card>
      <div >
      <iframe  src="xxx.com">
  something
      </iframe>
        </div>
    </Card>
  </div>
</template>