Open zhaopeibin opened 3 years ago
如果用的vue-admin-template版本写动态路由的话,千万要注意作者在src/layout/component/siderbar/index.vue中渲染侧边栏的方法,作者使用的是 return this.$router.options.routes获取路由表渲染侧边栏,这个方法对于动态添加的路由是无效的(无效原因自行百度vue-router以及addRoutes相关知识),建议参考admin版本的写法,自己维护一个路由表。也建议作者大大,在该版本加一句注释,防止小白跳坑。
return... 改成 return this.$router.getRoutes(),然后SidebarItem.vue 的第二行 <div v-if="!item.hidden"> 改成 v-if="item.meta.title" 应该就可以了。
return this.$router.getRoutes()
<div v-if="!item.hidden">
v-if="item.meta.title"
我就是那个小白,弄了一整天..
终于解决了,谢谢
如果用的vue-admin-template版本写动态路由的话,千万要注意作者在src/layout/component/siderbar/index.vue中渲染侧边栏的方法,作者使用的是 return this.$router.options.routes获取路由表渲染侧边栏,这个方法对于动态添加的路由是无效的(无效原因自行百度vue-router以及addRoutes相关知识),建议参考admin版本的写法,自己维护一个路由表。也建议作者大大,在该版本加一句注释,防止小白跳坑。