1.按照产品需求加tagsview,如图:

实现方法:

可以参考https://www.cnblogs.com/flypig666/p/11854538.html,这里不详细说明了

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

buy the way,细心的小伙伴会发现,加了tagsview之后,就算右侧内容不够一屏的高度,还是有滚动条,这是为什么嘞,f12检查一下元素发现,哦吼,app-main设置了最小高度。

辣么,这个最小高度就是即使内容不够一屏的时候,app-main也能自适应占满body的高度。这样不是蛮好嘛,可是为什么加了tagsview之后就不行了呢,也太不智能了吧,辣是因为:min-height:calc(100vh - 50px),这里的50px正好是导航栏的高度,所以说当你加了tagsview之后,改一下app-main的min-height就好了,比如我的tagviews高度是26px,那么我就改成了min-height:calc(100vh - 76px)

暖心小贴士:ap-main的样式在:src/layout/components/AppMain.vue中

 

好啦~修改完毕!

最近做了两个后台系统,第一个在领导的美好建议下,使用了vue-element-admian,遇到了比较多问题,第二个项目我悄悄的用了vue-admin-template,嗯,遇到的问题会持续记录,有问题的小伙伴可以一起交流呦,呦呦

GitHub 加速计划 / vu / vue-admin-template
19.83 K
7.39 K
下载
PanJiaChen/vue-admin-template: 基于 Vue.js 和 Element UI 的后台管理系统模板,支持多语言、主题和布局切换。该项目提供了一个完整的后台管理系统模板,可以方便地实现后台管理系统的快速搭建和定制,同时支持多种数据源和插件扩展。
最近提交(Master分支:2 个月前 )
4c18a3f4 - 2 年前
714ded11 - 4 年前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐