外置页面 不渲染菜单选中效果

ruoyi-ui/src/views/JiHeExpressway/components/HeaderMenu/CustomMenu.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-menu :default-active="activeIndex" mode="horizontal" @select="handleSelect" class="menuBox">
+  <el-menu ref="elMenu" :default-active="activeIndex" mode="horizontal" @select="handleSelect" class="menuBox">
     <template v-for="(item, index) in menuData">
       <component :index="prefix + '_' + index" v-if="item.children" is="el-submenu" class="menuItem" :class="{ 'menuActive': activeIndex && activeIndex.includes(prefix + '_' + index) }">
         <template slot="title">{{ item.title }}</template>
@@ -85,28 +85,28 @@ export default {
         }
       }
       if(node.title === '系统管理'){
-        this.activeIndex = key
+        this.$refs.elMenu.activeIndex = null
         getConfigKey("backgroundUrl").then((res) => {
           window.open(res.msg)
         });
       } else if(node.title==='桥梁监测'){
-        this.activeIndex = key
+        this.$refs.elMenu.activeIndex = null
         window.open('http://iot.sdhscloud.com/home?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpZCI6MTc1MSwidWlkIjoiM2M2NTZjOGUtMzgwZC0xMWVmLWFhNmItYmVhNGE2MDZhMzE2IiwidXNlcm5hbWUiOiJKSFpIR1MiLCJuaWNrbmFtZSI6Ilx1NmQ0ZVx1ODNjZlx1NjY3YVx1NjE2N1x1OWFkOFx1OTAxZiIsImVtYWlsIjoiMjU4NTQwMjg0MEBxcS5jb20iLCJ0ZWwiOiIiLCJpc19zdXBlcnVzZXIiOmZhbHNlLCJpc19tYXN0ZXIiOmZhbHNlLCJpc19hY3RpdmUiOnRydWUsInRlbmFudF9pZCI6NDUsImF0dHJzIjp7Imdyb3VwIjoiIn0sImhhc3VyYSI6eyJ4LWhhc3VyYS11c2VyLWlkIjoiM2M2NTZjOGUtMzgwZC0xMWVmLWFhNmItYmVhNGE2MDZhMzE2IiwieC1oYXN1cmEtdGVuYW50Ijo0NSwieC1oYXN1cmEtYWN0aXZlIjp0cnVlLCJ4LWhhc3VyYS1tYXN0ZXIiOmZhbHNlLCJ4LWhhc3VyYS1yb2xlX2lkIjo1MjcsIngtaGFzdXJhLWFwcF9pZCI6NTIsIngtaGFzdXJhLXNlcnZpY2VfaWQiOjQsIngtaGFzdXJhLXN1cGVydXNlciI6ZmFsc2V9LCJhcHBfaWQiOjUyLCJyb2xlX2lkIjo1MjcsInNlcnZpY2VfaWQiOjQsImNsaWVudF9pZCI6IjA1ZTI1NzU4LTBhYTQtMTFlYS1iYTM0LTAyNDJhYzEwMDExZiIsImV4cCI6NDg3MzUxMzk1M30.JR5dwFCmNfaDFkSISOF5ZhRyPBulzDwG1bg4BA-Jqog')
       }
       else if(node.title==='数字收费站'){
-        this.activeIndex = key
+        this.$refs.elMenu.activeIndex = null
         getConfigKey("digitalTollStation").then((response) => {
           window.open(response.msg===''?'https://10.0.86.63:9000/s?loadType=auto&group=15ai1k13748d&runType=box':response.msg);
         })
       }
       else if(node.title==='GIS+BIM可视化'){
-        this.activeIndex = key
+        this.$refs.elMenu.activeIndex = null
         getConfigKey("dc.gisAndBim").then((response) => {
           window.open(response.msg===''?'https://10.0.86.63:9000/s?loadType=auto&group=15ai1k13748d&runType=box':response.msg);
         })
       }
       else if(node.title==='零碳能源'){
-        this.activeIndex = key
+        this.$refs.elMenu.activeIndex = null
         getConfigKey("carbon").then((response) => {
           window.open(response.msg===''?'https://10.0.111.11:100/single?key=jhszyy&route=home':response.msg);
         })