以下是以實(shí)際操作講解element-ui導(dǎo)航菜單如何設(shè)置子路由。

1.首先為了方便快捷，使用element-ui布局容器，在側(cè)邊也就是Aside中，放置element-ui導(dǎo)航菜單。

2.在導(dǎo)航菜單源代碼中，找到<el-menu>標(biāo)簽，根據(jù)element-ui官網(wǎng)介紹，在這個(gè)標(biāo)簽上添加“router”，將導(dǎo)航欄轉(zhuǎn)為路由模式。如下圖：

3.在需要展現(xiàn)頁(yè)面的位置添加<router-view>標(biāo)簽，用于展示頁(yè)面。這里為了在main中展現(xiàn)，所以需要將<router-view>標(biāo)簽設(shè)置在<el-main>中，如下圖：

4.這是一個(gè)vue項(xiàng)目，所以需要找到router文件夾中的index.js文件對(duì)路由進(jìn)行設(shè)置。具體操作如圖：

5.在配置好子路由后，就可以在導(dǎo)航菜單欄中使用，使用時(shí)只需對(duì)index設(shè)置需要跳轉(zhuǎn)頁(yè)面路徑就行了，如下圖：