主应用是vue3，子应用也是vue3，@mounted 监听不到子应用加载唉

Question

主应用是vue3，子应用也是vue3，@mounted 监听不到子应用加载唉

Answer 1

Harry_wang 2024-01-07 19:27:53

代码块提供下，或者截图一下发出来看下

• 提问者 qq_四年_4 #1

  问题：应该先打印子应用mounted的内容，现在却先打印主应用mounted的内容
  主应用：
  microApp.start({
    'disable-memory-router': true,
    lifeCycles: {
      created(e) {},
      beforemount(e) {},
      mounted(e) {
        console.log(e)
      },
      unmount(e) {},
      error(e) {}
    }
  })
  <template>
    <micro-app
      @mounted="mounted"
      name="my-app"
      url="http://localhost:4353"
      iframe
    ></micro-app>
  </template>
  
  <script lang="ts" setup>
  const mounted = () => {
    console.log('监听子应用的mounted')
  }
  </script>
  子应用：
  onMounted(() => {
    if (window.__MICRO_APP_ENVIRONMENT__) {
      console.log('子应用mounted');
    }
  })
  控制台：
  CustomEvent
  监听子应用的mounted
  子应用mounted

• Harry_wang 回复 提问者 qq_四年_4 #2

  不能够吧，看代码片段似乎看不出来什么，你把给地址发我吧，我帮你瞧瞧

• F_F_F0618 回复 Harry_wang #3

  回复 Harry_wang：解决了吗,我的也是主应用监测不到子应用

点开查看后面1条评论