element-ui,router.push到其他路由,菜单栏不会高亮对应的路由

1.在assets文件夹下建js/bus.js

import Vue from 'vue'
export default new Vue()

2.在执行跳转的页面引入bus.jsimport Bus from '@/assets/js/bus'

 /*
    *跳转随访计划
    */
   toHz() {
      this.$router.push({path: '/PatientList'})
      Bus.$emit('activeIndex2','/PatientList')
    },

3.在home.vue监听emit传值

<el-menu :default-active="defaultActive" class="el-menu-vertical-demo" background-color="#465672" text-color="#c0d3f3" active-text-color="#eb683f" ref="elMenu" router @select="selectMenu">
//...
</el-menu>

//引入bus.js

import Bus from '@/assets/js/bus'
//监听activeIndex2的内容
 
 mounted(){
    var self = this
    Bus.$on('activeIndex2',function(defaultActive) {
      self.defaultActive = defaultActive
    })
 },
posted @ 2025-02-25 15:35  刘酸酸sour  阅读(41)  评论(0)    收藏  举报