请问 ElementUi 的 el-menu 必须配合 router 使用么？
zhbzhbzhbz · 2021-03-16 15:45:18 +08:00 · 1883 次点击这是一个创建于 1349 天前的主题，其中的信息可能已经有所发展或是发生改变。
https://element.eleme.cn/#/zh-CN/component/menu
网上搜了很久，因为是个很小型的 demo，请问必须是用 router + .vue 来实现么（每个子页面放在.vue 里）？或者最少得用 Vue.component 这种简单形式？
网上搜了很久，因为是个很小型的 demo，请问必须是用 router + .vue 来实现么（每个子页面放在.vue 里）？或者最少得用 Vue.component 这种简单形式？
 |
1
sjhhjx0122 2021-03-16 15:48:43 +08:00
可以不用啊，v-if 你的子页面咯
|
 |
2
Vegetable 2021-03-16 15:51:50 +08:00  1
不需要，可以看一下 Tab,可以做成一个组件内部不同 tab 的模式。menu 默认 router 模式也是关闭的。
|
 |
3
miv 2021-03-16 15:52:32 +08:00
直接把路由丢一个 json 文件，然后读出来，for 循环渲染 el-menu 就好。
不复杂的会也就一个二层的 for 循环而已。 可以弄成一个组件就行。 |
 |
4
zhbzhbzhbz OP @sjhhjx0122 我最开始想的也是这个，但是假设我有 4 个子页面（每个子页面功能都不多），就得维护四个 boolean，每次把三个设为 false 一个设为 true ？
|
|
5
zhbzhbzhbz OP @Vegetable 请问是指 el-tabs 么？搜了一下，确实这个支持直接在里面写 html
|
|
6
sjhhjx0122 2021-03-16 16:11:43 +08:00 1
@zhbzhbzhbz 。。。存一个变量是当前展示页面的 name，v-if 当前页面的 name 是否是变量的 name 咯
|
|
7
zhbzhbzhbz OP @Vegetable 其实主要是喜欢 NavMenu 那个样式~（哭笑不得脸）
|
|
8
zhbzhbzhbz OP @sjhhjx0122 有道理~谢谢~
|
 |
9
TomatoYuyuko 2021-03-16 18:00:34 +08:00
3 楼的方法应该是最常用的，主要是后面你如果要做权限，动态路由，自己写 for 渲染自由度更大一些
|
Select Language