三步走:
1.路由设置:在路由表index.js中添加组件的路由,我添加在父组件的children中;
2.sidemenu组件(自定义的侧边栏组件)中,修改index为路径,举例如下:

 <el-menu
    class="categories"
    default-active="0"
    @select="handleSelect"
    active-text-color="red" router> //这里注意添加router
    <el-menu-item index="/completeinfo"> //这里写路由
      <i class="el-icon-menu"></i>
      <span slot="title">完善个人信息</span>
    </el-menu-item>
    <el-menu-item index="/changepassword">
      <i class="el-icon-menu"></i>
      <span slot="title">修 改 密 码</span>
    </el-menu-item>
  </el-menu>

效果如下:

3.在父组件的<el-main>中写<router-view></router-view>

ending.

Logo

一站式 AI 云服务平台

更多推荐