三步走:
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.