vue对iframe页面进行缓存，只有一个iframe，不同的src怎么做缓存

直接上代码吧

首先router数据需要改动，增加iframe的标识，什么字段自己定义，可以在meta里也可以在外面随意。例如我这里通过iframeComponent进行判断

const routes = [
 {
     path: '/f1',
     name: 'f1',
     iframeComponent: () => import('@/views/service/service-iframe')// 用于标识是否含有iframe页
 },
 {
     path: '/f2',
     name: 'f2',
     iframeComponent: () => import('@/views/service/service-iframe') // 用于标识是否含有iframe页
 },
 {
     path: '/index',
     component: { template: '<div>Index</div>' }
 }
]

改造入口文件，把router-view改成对封装view的引用

封装IframeRouterVIew文件，也是主要代码

<template>
  <div class="ant-pro-grid-content-page"