2022-04-01

vue,动态路由

router/index.js中要先设置首个一级路由的childen才能实现redirect的默认的二级路由跳转,否则动态路由还没生成,默认的 redirect 跳转会到空页面,所以后面实现动态路由时才会跳过首个一级路由进行循环.

default-openeds不可以直接写死值,需要由一个变量代替,否则会出现点击二级菜单,一级菜单又会缩起来

把router属性改成true才能实现点击跳转

default-active表示一进入就默认激活的导航栏

:unique-opened='true' 代表只会展开一个导航栏,默认为false 


index接收的是字符串类型,(i+1)是数字类型,所以使用toString方法转成字符串,传给index

因为i是从0开始的 所以需要+1

当路由发生变化的时候,就把最新的地址给到pagePath变量,作用是为了保持路由菜单的高亮显示 以及解决点击不跳转的bug

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容