vue-element-admin项目中tagView嵌入iframe不刷新重载

vue-element-admin项目中tagView嵌入iframe不刷新重载

最近使用vue-element-admin来开发项目，因为以前老项目太大，暂不重构，如要通过iframe嵌套在新项目中，通过router来重写url加载，但是业务需要切换菜单或者tagView不能刷新重载iframe页面,因此需要改造

一、vue-element-admin是通过keep-alive来缓存router-view组件内容，但是其router-view中的iframe是重新通过src加载，相当于iframe重载

- 解决方案：
- iframe组件不走keep-alive和router-view，而是一直处在body中
```
// AppMain.vue

//script
data(){
return {
isRefresh: true
}
},
computed() {
isIframePage() {
// 是否iframe页面，目前全部是iframe
return !this.$route.meta.notIframe;
}
}
```

二、监听$route，收集iframe消息，存入Array中，通过当前路由来展示和隐藏

- 解决方案：
```
// iframeContain.vue