水稻

src/router/index.js

@@ -865,6 +865,15 @@ const routes = [
             menuPage: true,
             pageType: Page.Every
         }
+    },
+    {
+        path: '/rice',
+        name: 'airice',
+        component: () => import('../views/user/Rice.vue'),
+        meta: {
+            menuPage: true,
+            pageType: Page.Every
+        }
     }
 ];
 

src/views/user/Rice.vue

@@ -0,0 +1,37 @@
+<template>
+    <div>
+        <iframe
+            class="game"
+            ref="game"
+            src="https://test.raex.vip/static/web-mobile/index.html"
+            frameborder="0"
+            id="game"
+        ></iframe>
+        <van-button type="primary" @click="send">发消息</van-button>
+    </div>
+</template>
+
+<script>
+export default {
+    mounted() {
+        this.$nextTick(() => {
+            console.log(this.$refs.game);
+            document.getElementById('game').addEventListener('message', function (event) {
+                console.log(event);
+            });
+        });
+    },
+    methods: {
+        send() {
+            document.getElementById('game').contentWindow.postlessage({ message: 'hel1o from parent' }, '*');
+        }
+    }
+};
+</script>
+
+<style lang="less" scoped>
+.game {
+    width: 100vw;
+    height: 130vw;
+}
+</style>