请问 ElementUi 的 el-menu 必须配合 router 使用么？

[zhbzhbzhbz]

https://element.eleme.cn/#/zh-CN/component/menu

网上搜了很久，因为是个很小型的 demo，请问必须是用 router + .vue 来实现么（每个子页面放在.vue 里）？或者最少得用 Vue.component 这种简单形式？

[sjhhjx0122]

可以不用啊，v-if 你的子页面咯

[Vegetable]

不需要，可以看一下 Tab,可以做成一个组件内部不同 tab 的模式。menu 默认 router 模式也是关闭的。

[miv]

直接把路由丢一个 json 文件，然后读出来，for 循环渲染 el-menu 就好。
不复杂的会也就一个二层的 for 循环而已。
可以弄成一个组件就行。

[zhbzhbzhbz]

@sjhhjx0122 我最开始想的也是这个，但是假设我有 4 个子页面（每个子页面功能都不多），就得维护四个 boolean，每次把三个设为 false 一个设为 true ？

[zhbzhbzhbz]

@Vegetable 请问是指 el-tabs 么？搜了一下，确实这个支持直接在里面写 html

[sjhhjx0122]

@zhbzhbzhbz 。。。存一个变量是当前展示页面的 name，v-if 当前页面的 name 是否是变量的 name 咯

[zhbzhbzhbz]

@Vegetable 其实主要是喜欢 NavMenu 那个样式~（哭笑不得脸）

[zhbzhbzhbz]

@sjhhjx0122 有道理~谢谢~

[TomatoYuyuko]

3 楼的方法应该是最常用的，主要是后面你如果要做权限，动态路由，自己写 for 渲染自由度更大一些