javascript - vue后台管理系统的侧边栏 怎么和router.js里面的路由连接起来呢

问题描述

问 题

我现在属于在return里面把数据写死，然后for循环出来的，比如说我点击左侧导航然后右侧出现相应内容，网上很多开源项目我也看了，要不跟我一样的，要不写死的，vuex不太用这个玩意

 sideList:[
          {
            id: 1,
            menuName: '账户管理',
            icon: 'icon-usermanagement',
            children:[
              {
                menuName:'账户首页',
                path:'home',
                icon: 'icon-guanli',
              },

这个path 应该是路由里面的path

解决方案

首先你要明白路由的配置过程：
1.安装路由（新建项目的时候默认帮你装）
2.定义路由组件：每个路由对应一个路由组件。
3.创建路由实例。
4.创建和挂载根实例，通过router配置参数注入路由，从而让整个应用都有路由功能。
在router index.js里，

在main.js里，

在pages main.js里（即你的项目主页里）

项目文件路径：

三言两语说不明白，得看你基础，建议你多看文档，了解router基本内容，如果需要文档链接可以找我要。

这篇关于javascript - vue后台管理系统的侧边栏 怎么和router.js里面的路由连接起来呢的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！