湖里大屏(BIM中心)：完成 iframe 通信

public/bim.html

@@ -8,24 +8,34 @@
     <div id="domId" style="width: 100%; height: 95vh"></div>
     <script src="https://static.bimface.com/api/BimfaceSDKLoader/BimfaceSDKLoader@latest-release.js" charset="utf-8"></script>
     <script>
-      let viewer3D
+      const bimCallback = viewToken => {
-      let app
+        let viewer3D
-      let viewToken = '11b0d307c09f43bfa5fa3922bcce0342'
+        let app
-      let loaderConfig = new BimfaceSDKLoaderConfig()
+        // let viewToken = '11b0d307c09f43bfa5fa3922bcce0342'
-      loaderConfig.viewToken = viewToken
+        let loaderConfig = new BimfaceSDKLoaderConfig()
-      BimfaceSDKLoader.load(loaderConfig, successCallback, failureCallback)
+        loaderConfig.viewToken = viewToken
-      function successCallback(viewMetaData) {
+        BimfaceSDKLoader.load(loaderConfig, successCallback, failureCallback)
-        let domShow = document.getElementById('domId')
+        function successCallback(viewMetaData) {
-        let webAppConfig = new Glodon.Bimface.Application.WebApplication3DConfig()
+          let domShow = document.getElementById('domId')
-        webAppConfig.domElement = domShow
+          let webAppConfig = new Glodon.Bimface.Application.WebApplication3DConfig()
-        app = new Glodon.Bimface.Application.WebApplication3D(webAppConfig)
+          webAppConfig.domElement = domShow
-        app.addView(viewToken)
+          app = new Glodon.Bimface.Application.WebApplication3D(webAppConfig)
-        viewer3D = app.getViewer()
+          app.addView(viewToken)
+          viewer3D = app.getViewer()
+        }
+
+        function failureCallback(error) {
+          console.log(error)
+        }
       }
 
-      function failureCallback(error) {
+      window.addEventListener('message', function(e) {
-        console.log(error)
+        console.log(e.data, '父级页面传来的数据')
-      }
+        // bimCallback(e.data)
+        setTimeout(() => {
+          window.parent.postMessage({ msg: 'hello' })
+        }, 2000)
+      })
     </script>
   </body>
 </html>

src/views/projectAdmin/jlw/CIM/index.vue

@@ -10,7 +10,7 @@
       </div>
     </div>
     <div class="centerBox">
-      <iframe src="/bim.html" frameborder="0" width="100%" height="100%"></iframe>
+      <iframe src="/bim.html" frameborder="0" width="100%" height="100%" id="iframe" @load="load"></iframe>
     </div>
     <div class="rightBox">
       <div class="rightTop">
@@ -35,6 +35,24 @@ export default {
     leftCenter,
     rightTop,
     rightCenter
+  },
+  mounted() {
+    this.iframe = document.getElementById('iframe')
+    window.addEventListener('message', this.getIframeMessage)
+  },
+  data() {
+    return {
+      iframe: null
+    }
+  },
+  methods: {
+    load() {
+      this.iframe.contentWindow.postMessage('Message from parent：load complate！')
+    },
+    getIframeMessage(e) {
+      console.log(e.data, '丢雷1')
+      console.log(this, '丢雷2')
+    }
   }
 }
 </script>