加载子应用

YM

2024-04-24 aa3e8ddc722750cf131d61253579f3fa81a64c32

 src/views/home.vue

@@ -99,7 +99,7 @@
              <div><img :src="zoomOut" @click="changePageSize('reduce')" /></div>
            </div>
            <div class="brushImgBox">
              <div><img :src="huabi2" class="brushImg" />画笔</div>
              <div @click="loadChild"><img :src="huabi2" class="brushImg" />画笔</div>
              <!-- <el-switch v-model="headerData.brushToolShow"  @change="brushToolShow"/> -->
            </div>
          </div>
@@ -422,6 +422,13 @@

<script setup lang="ts">
import { ref, reactive, watch, onMounted } from 'vue'
import { useRouter, useRoute } from 'vue-router'

//获取路由器
let $router = useRouter()
//获取当前路由的信息
let $route = useRoute()

import { ElMessage } from 'element-plus'
import mulu from '@/assets/images/menu/mulu.png'
import biji from '@/assets/images/menu/biji.png'
@@ -492,12 +499,8 @@
import zoomIn from '../assets/images/operation/zoomIn.png'
import zoomOut from '../assets/images/operation/zoomOut.png'
import huabi2 from '../assets/images/operation/huabi.svg'
import { start } from 'qiankun'
onMounted(() => {
  
  start()
 
})
import { loadMicroApp } from 'qiankun'

// 菜单
const menuData = reactive([
  {
@@ -1049,6 +1052,15 @@
    ctx = canvas.value.getContext('2d') as CanvasRenderingContext2D
  }
}

const loadChild = () => {
  // loadMicroApp({
  //   name: 'book',
  //   entry: '//192.168.3.196:8080/',
  //   container: document.querySelector('#container')
  // })
  // $router.push({path: "/aa"})
}
</script>

<style lang="less">