__MICRO_APP_NAME__: string __MICRO_APP_ENVIRONMENT__: string __MICRO_APP_BASE_ROUTE__: string } }//与基座进行数据交互functionhandleMicroData(router: Router) {//是否是微前端环境if(window.__MICRO_APP_ENVIRONMENT__) {//监听基座下发的数据变化window.microApp.addDataListener((data: Record<st...
micro-app提供了一套灵活的数据通信机制,方便主应用和子应用之间的数据传输。你可以通过<micro-app>组件的data属性向子应用发送数据,也可以在子应用中通过window.microApp.getData()获取数据,并通过window.microApp.dispatch()向主应用发送数据。 例如,在主应用中发送数据到子应用: vue <template> &...
__MICRO_APP_NAME__: string __MICRO_APP_ENVIRONMENT__: string __MICRO_APP_BASE_ROUTE__: string } }//与基座进行数据交互functionhandleMicroData(router: Router) {//是否是微前端环境if(window.__MICRO_APP_ENVIRONMENT__) {//监听基座下发的数据变化window.microApp.addDataListener((data: Record<st...
import microApp, { getActiveApps } from '@micro-zoe/micro-app' import { menuList, routeNameList, hashNameList } from './data' const router = useRouter() let activeRouter = 0 // 当前激活菜单的 index let activeMenuIndex = ref(0) let activeSubMenuIndex = ref(null) let mouseenterIndex ...
npm i @micro-zoe/micro-app --save 1. 2. 导入并启用微前端框架 microApp src/main.ts AI检测代码解析 import microApp from '@micro-zoe/micro-app' microApp.start() 1. 2. 3. 3. 添加配置 vite.config.ts 的 vue 中添加配置 AI检测代码解析 ...
import microApp from '@micro-zoe/micro-app' microApp.start() <micro-app :name="name" :url="url" iframe router-mode='native' keep-alive></micro-app> 子应用中路由跳转: router.push({ path: `/MF_customer/${path}`, query: { a: 1 } }); } 跳转后地址栏中的url发生了变化但是父应用...
也就是(似乎)依然因为microapp/sub-app-2/home在vue主项目那里的动态路由中是不存在的路由path所以会跳入404的逻辑 继续思考…… AI BotBETA 在使用qiankun结合Vue3主项目和Umi4子项目时,遇到路由跳转至子项目后主项目提示 404 的问题,通常是由于路由配置或者qiankun的生命周期钩子没有正确处理导致的。以下是一些...
setup() { const state = reactive({ microApp_ifs: null, microApp_pis: null, microApp_tms: null, data: [], ifs: 0, pis: 0 }); const route = useRouter(); watch(() => route.currentRoute.value.path, (count, prevCount) => { if (count.indexOf('/ifs/eam') != -1) { state...
setup() { const state = reactive({ microApp_ifs: null, microApp_pis: null, microApp_tms: null, data: [], ifs: 0, pis: 0 }); const route = useRouter(); watch(() => route.currentRoute.value.path, (count, prevCount) => { if (count.indexOf('/ifs/eam') != -1) { state...
micro-app 插件是对 MicroApp 的二次封装。由于 micro-app 在微前端应用中,对作为基座的应用和作为子应用的配置和方法不同。该模板为了提供统一的 micro-app 配置,需要对 micro-app 二次封装,以屏蔽在基座应用和子应用时的配置和方法差异。模板提供统一的参数配置,将模板配置为 微前端的基座应用 或 子应用。