https://element.eleme.cn/#/zh-CN/component/menu
网上搜了很久，因为是个很小型的 demo，请问必须是用 router + .vue 来实现么（每个子页面放在.vue 里）？或者最少得用 Vue.component 这种简单形式？
网上搜了很久，因为是个很小型的 demo，请问必须是用 router + .vue 来实现么（每个子页面放在.vue 里）？或者最少得用 Vue.component 这种简单形式？
› Vue.js
This topic created in 1896 days ago, the information mentioned may be changed or developed.
 |
1
linkopeneyes Mar 16, 2021
可以不用啊，v-if 你的子页面咯
|
 |
2
Vegetable Mar 16, 2021  1
不需要，可以看一下 Tab,可以做成一个组件内部不同 tab 的模式。menu 默认 router 模式也是关闭的。
|
 |
3
miv Mar 16, 2021
直接把路由丢一个 json 文件，然后读出来，for 循环渲染 el-menu 就好。
不复杂的会也就一个二层的 for 循环而已。 可以弄成一个组件就行。 |
 |
4
zhbzhbzhbz OP @sjhhjx0122 我最开始想的也是这个，但是假设我有 4 个子页面（每个子页面功能都不多），就得维护四个 boolean，每次把三个设为 false 一个设为 true ？
|
|
5
zhbzhbzhbz OP @Vegetable 请问是指 el-tabs 么？搜了一下，确实这个支持直接在里面写 html
|
|
6
linkopeneyes Mar 16, 2021 1
@zhbzhbzhbz 。。。存一个变量是当前展示页面的 name，v-if 当前页面的 name 是否是变量的 name 咯
|
|
7
zhbzhbzhbz OP @Vegetable 其实主要是喜欢 NavMenu 那个样式~（哭笑不得脸）
|
|
8
zhbzhbzhbz OP @sjhhjx0122 有道理~谢谢~
|
 |
9
TomatoYuyuko Mar 16, 2021
3 楼的方法应该是最常用的，主要是后面你如果要做权限，动态路由，自己写 for 渲染自由度更大一些
|
Select Language