动态树+数据表格+分页

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

结构

<el-submenu v-for="root in treenode" 
			:index="'index-'+root.id" :key="'key-'+root.id">
			<template slot="title">
				<i :class="root.icon"></i>
				<span>{
  {root.text}}</span>
			</template>
			<!-- this.$router.push -->
			<el-menu-item v-for="node in root.children" 
			:index="node.url" :key="'key-'+node.id">
				<i :class="node.icon"></i>
				<span slot="title">{
  {node.text}}</span>
			</el-menu-item>
</el-submenu>

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

<el-menu router :default-active="$route.path">