直接上代码吧
首先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的引用
![](https://i-blog.csdnimg.cn/blog_migrate/004aa3118c568ae93694d4ece4914ae3.png)
封装IframeRouterVIew文件,也是主要代码
<template>
<div class="ant-pro-grid-content-page"