Advertisement

第016篇通过iframe嵌入子页面,并实现值传递至父页面

阅读量:

直接进入代码部分。
1、父页面的代码用于监听子页面发送的消息:通过window.addEventListener实现

复制代码
    <template>
      <iframe v-if="iframeURL" :src="iframeURL" ref="iframe" width="100%" height="810" frameborder="0" scrolling="yes" @opened="handleOpened"></iframe>
    </template>
    
    <script>
    import { addDynamicRoute } from '@/router'
    export default {
      data () {
    return {
      iframeURL: null,
      menuId: '',
      href: '',
      iframeWin: {}
    }
      },
      mounted () {
    /** 监听子页面传递过来的消息 **/
    /** this.handleMessage,表示监听到消息后的处理事件 **/
    window.addEventListener('message', this.handleMessa

全部评论 (0)

还没有任何评论哟~