(简易)测试数据构造平台: 10 (首页-菜单)

2022-07-07 14:59:33 浏览数 (1)

【本节目标】搞定左侧菜单

看看我们现在的容器,还差一个左侧部分:el-aside

这里自然放的都是一些菜单,在elementUI中的菜单其实很简单,代码如下:

给大家解释下,菜单的属性:default-opend是默认展开的都有几号,毕竟这是一个伸缩菜单。

然后下面是三组 子菜单。序号是1,2,3 对应default-opend。

我的设计是三组菜单,后续可能会更改,大家看看效果吧:

可以点击这些浅蓝色的组标题,来收缩菜单:

菜单的具体内容,基本都是超链接了,不过我们现在还没有具体的页面,也就没啥可写的。

有的小伙伴会问,菜单不应该是常显的么?如果点击进了别的页面,那么这个菜单怎么才能再次显示出来呢?

这个问题就是我们之后要讲的:把菜单提取公因式,成为component组件,来让其他各个页面只需要简单的调用一下即可~

0 人点赞