动态生成NavMenu导航菜单(只支持2级菜单)

1 结构 ：

2 vue+element的el-menu组件实现路由跳转及当前项的设置

注1：要实现路由跳转，先要在el-menu标签上添加router属性，然后只要在每个el-menu-item标签内

的index属性设置一下url即可实现点击el-menu-item实现路由跳转。

注2：导航当前项，在el-menu标签中绑定 :default-active="$route.path",注意是绑定属性，

不要忘了加“:”,当$route.path等于el-menu-item标签中的index属性值时则该item为当前项。

注3：后台t_tree_node表有几个节点的url为空，则会导致几个节点样式会一致

(动态树)leftNav.vue:

 

 

　展示：

数据表格：

结构：

　分页：

　分页js:

 

handleSizeChange(rows) {        console.log('页码大小发生改变'+rows);				this.formInline.page = 1;				this.formInline.rows = rows;				this.search();			},			handleCurrentChange(page) {        console.log('当前页码发生改变'+page);				this.formInline.page = page;				this.search();			}

 

　　数据表格+分页Articles.vue组件：

　　展示：