el-menu router 模式重写路由的push方法

el-menu 是饿了么团队开源的一款基于 Vue.js 的饿了么 UI 组件库，它提供了一些可以用于创建响应式导航菜单的组件。而 router 模式指的是使用 Vue Router 进行页面路由管理。

如果我们需要重写 el-menu 的 router 模式下的 push 方法，我们可以通过 Vue Router 的 beforeEach 钩子函数来实现。具体步骤如下：

1. 首先，在 main.js 中引入 Vue Router，并创建一个实例：

import Vue from 'vue'
import VueRouter from 'vue-router'
import App from './App.vue'

Vue.use(VueRouter)

const router = new VueRouter({
  // 配置路由表
})

// 在此处重写 push 方法
router.originalPush = router.push;
router.push = function(location) {
  // 你的自定义逻辑，例如记录路由跳转日志
  // ...
  // 调用原始的 push 方法
  router.originalPush(location);
};

new Vue({
  router,
  render: h => h(App),
}).$mount('#app')

2. 接下来，在 beforeEach 钩子函数中重写 push 方法：

router.beforeEach((to, from, next) => {
  // 你的自定义逻辑，例如记录路由跳转日志
  // ...
  // 调用原始的 push 方法
  router.originalPush(to);
});

通过以上步骤，我们就成功地重写了 el-menu 路由的 push 方法。这样就可以在路由跳转时执行一些自定义逻辑，例如记录日志，或者对路由进行一些额外处理。