vue-element-admin中自定义sidebar
作者:
牛会骑自行车 | 来源:发表于
2021-07-08 09:27 被阅读0次
今天的目的是基于vue-element-admin做一个自定义sidebar。效果是这样
点击收缩,是这样

官网长这样

按一下,sidebar会收回,长这样儿

按一下,长这样儿.png
源码中有个组件<logo />不知道是怎么用的,不过调一下可以发现是上面这一条儿

logotrue.png
先找到sidebar的主页面,将logo显示出来

index文件中.png
接着去到logo组件进行修改

logo文件。。.png
如图所示,共有两个<router-link />。上面那个是缩回的,下面是拉出的。
接着调样式就可以啦哈哈哈哈哈哈哈哈哈哈
tada~~~~自定义的sidebar logo就调节好啦~~
本文标题:vue-element-admin中自定义sidebar
本文链接:https://www.haomeiwen.com/subject/lueaultx.html
网友评论