VUE-动态树+数据表格+分页

目录

1. 后台数据

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

 2.3 数据表格

1. 后台数据

   t_user_vue
   t_module_vue
   t_book_vue

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

2.1 结构      
      <el-menu key="" index="">
        <el-submenu>
          <template slot="title">
            <i class="el-icon-location"></i>
            <span>导航一</span>
          </template>
          <template slot="title">分组一</template>
          <el-menu-item route="">

  2.2 vue+element的el-menu组件实现路由跳转及当前项的设置
      <el-menu router :default-active="$route.path">
        <el-menu-item index="/company/userManager">用户管理</el-menu-item>
   
      注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为空，则会导致几个节点样式会一致

 2.3 数据表格

    <el-table :data="result" style="width: 100%;" :border="true" max-height="550">
      <el-table-column prop="id" label="ID"  min-width="10" align="center"></el-table-column>
      <el-table-column prop="title" label="标题" min-width="