element-ui的使用（四）

首页路由的重定向

我们在登录完毕后，希望进入到首页后，右侧主要内容区域可以后Welcome字样，这就需要我们为home路由设置子路由并进行重定向

首先创建Welcome.vue组件，编辑文字Welcome,然后再router.js中引入Welcome组件，并给/home路由添加子路由/welcome;之后就可以添加重定向到/welcome

需要注意的是在访问首页后，会自动重定向到/welcome路由下。

注意children的写法是数组形式的而不是对象

       {
            path: '/home',
            component: Home,
            redirect: '/welcome',
            children: [{
                path: '/welcome',
                component: Welcome
            }]
        }

welcome作为home的子路由，是在Home的页面的基础上添加内容的,所以在Home组件内部写上<router-view />,就可以在该区域显示Welcome组件的内容

 <!-- 右侧内容主体 -->
      <el-main>
        <router-view></router-view>
      </el-main>

侧边栏菜单改成路由链接

我们在接口获取数据的时候，有一栏是path，里面包含了我们每个侧边栏菜单路由跳转的链接名称，因此我们需要结合v-for循环,动态的为菜单栏增加路由链接

默认path是没有/的，因此需要我们以字符串的形式额外加上

 <el-menu-item :index="'/'+items.path "

这样就实现了，动态为菜单栏元素赋予路由链接，接下来就可以开始实现每一个菜单栏链接跳转的具体页面了.....