Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
606 views
in Technique[技术] by (71.8m points)

vue 使用vuetify组件写管理系统 左边菜单栏不会跟随路由自动展开关闭

vuetify可以说在国内用的前端技术人员比较少 国外用的比较多 国内用多的就是element 需要用到是不得不学 谁叫我们是打工仔
其实这个问题是这样的 当用户点击顶部tabs的时候会跳到对应的路由 目前对应的路由是能对的上 但是这个折叠的菜单栏就出问题了 不会自动展开 得手动打开 这个就体验不是很好了 一般来说 如果菜单栏里面有当前的点击的路由 都会自动展开菜单 没有就不展开!

我比较懒了 菜单名就复制粘贴上去的 哈哈

图一没有手动点击
image.png
图二手动点击展开
image.png
代码区域:
route.vue
image.png
html:
image.png
script:
image.png
顶部tabs组件
image.png
html:
image.png
script
image.png

基本代码就是这个 有大佬知道什么原因导致菜单栏不会跟着路由展开吗


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

参考下这个:
https://blog.csdn.net/gaogzhen/article/details/103872481


然后,你的v-list-group上可能要加上这个:

v-model="$route.path"

试试看...


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...