iframe监听

src/mock/modules/sys-menu.js

@@ -564,6 +564,7 @@ var navDataList4 = [
     'ename': 'jcyjindex3',
     'path': 'jcyjindex3',
     'componentPath': 'business/home/home',
+    'url': 'http://124.12.12.12:1234/fu/index.html',
     'children': []
   },
   {
@@ -709,7 +710,7 @@ export function list () {
     data: {
       'msg': 'success',
       'code': 0,
-      'list': navDataList4
+      'menuList': navDataList4
     }
   }
 }

src/views/main/main.vue

@@ -33,6 +33,7 @@ import ContentCrumb from './main-content-crumb'
 import noticePop from './notice-pop'
 import taskPop from './task-pop'
 import basicCom from '@/views/modules/demo/basicComponent/basic-com'
+import { clearLoginInfo } from '@/utils'
 export default {
   provide () {
     return {
@@ -53,7 +54,8 @@ export default {
       sidebarFlag: false,
       mainContent: 'aui-content__wrapper',
       auiWrapper: '',
-      isMainMenuHaveChild: true
+      isMainMenuHaveChild: true,
+      menuDataAll: []
     }
   },
   components: {
@@ -90,6 +92,10 @@ export default {
       this.gotoWaterfallSidebar()
     }
   },
+  mounted () {
+    this.getMenuList()
+    this.monitorChild()
+  },
   methods: {
     // 窗口改变大小
     // windowResizeHandle () {
@@ -98,6 +104,53 @@ export default {
     //     this.$store.state.sidebarFold = document.documentElement['clientWidth'] <= 992 || false
     //   }, 150))
     // },
+    getMenuList () {
+      this.menuDataAll = window.SITE_CONFIG['menuList']
+    },
+    checkMenu (origin) {
+      let arr = this.menuDataAll.filter((e) => {
+        if (e.url) {
+          return e.url.indexOf(origin) > -1
+        } else {
+          return false
+        }
+      })
+      return arr.length
+    },
+    tokenInvalid (config) {
+      console.log(config)
+      clearLoginInfo()
+      this.$router.push({ name: 'login' })
+    },
+    isMyEvent (name, obj) {
+      let isHas = false
+      Object.keys(obj).forEach((e) => {
+        if (e === name) {
+          isHas = true
+        }
+      })
+      return isHas
+    },
+    // 跨域监听
+    monitorChild () {
+      let _this = this
+      let eventObj = {
+        tokenInvalid: _this.tokenInvalid.bind(this)
+      }
+      window.addEventListener('message', function (e) {
+        if (!e.data.event || !_this.isMyEvent(e.data.event, eventObj)) {
+          console.log('事件错误')
+          return
+        }
+        if (_this.checkMenu(e.origin)) {
+          eventObj[e.data.event] && eventObj[e.data.event](e.data.config)
+        } else {
+          console.log('源头错误')
+        }
+        console.log(e, window.location.origin)
+      // e.data.cbk()
+      })
+    },
     // 显示通知弹窗
     showNotice () {
       this.$refs.noticePop.showPop()