elementui的菜单项的路由怎么写，我想根据路由的name跳转,怎么搞?

Question

这段代码无法正常执行

        <template #title>
          <el-icon><location /></el-icon>
          <span>{{menu.meta.title}}</span>
        </template>
        <MenuTree :data="menu.children"></MenuTree>
      </el-sub-menu>
      <el-menu-item v-else :key="menu.path" :index="`/${menu.path}`">
        <span slot="title">{{menu.meta.title}}</span>
      </el-menu-item>

Answer 1

就直接在 tempalte 里面用
<router-link :to="{ name: 'user', params: { userId: 123 }}">user</router-link>
或者用在对应的 method 内使用
router.push({ name: 'user', params: { userId: 123 } }}

不过你得先确定你的路由名称，有些时候 name 对不上也不能成功跳转。
最好使用 Vue devTools 在 router 面板里面确定一下 name(如果是动态添加的路由表的话)。

---

或者你直接借鉴这两个文件：
vue-element-admin/SidebarItem.vue at master · PanJiaChen/vue-element-admin
vue-element-admin/Link.vue at master · PanJiaChen/vue-element-admin