以element ui 的标签页与侧边导航联动的vue功能
思路是遍历导航栏数组,在数组中有标题,图标,路由地址等信息,与路由信息相对应,点击每个导航项目时会将该条数组项目添加到store里,删除则反之。这主要是一级路由的列表,那么其他页面的标签我是通过监听路由,在里面包不包含,不包含就从当前的路由元信息里取。在整体布局layout页面中,测栏,其中最重要的两个参数default-active设为$router.path,则它会根据路由来激活样式,index设为遍历数组的url,跟路由地址一一匹配。layout.vue文件。tags.vue文件。
原创
2023-07-07 09:38:49 ·
1060 阅读 ·
0 评论