vue-element-admin简单使用

vue-element-admin简单使用

vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最新的前端技术栈，内置了 i18 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。

控制面板添加路由

• 在router/index.js文件中添加路由，就会显示到面板上

  // 自己添加的路由
    {
      path: '/hospSet',
      component: Layout,
      redirect: '/hospSet/list',
      meta: { title: '医院设置管理', icon: 'example'},
      children: [
        {
          path: '/list',
          name: '医院设置列表',
          component: () => import('@/views/i18n-demo/index'),
          meta: { title: '医院设置列表', icon: 'table' }
        },
        {
          path: '/add',
          name: '医院设置列表添加',
          component: () => import('@/views/i18n-demo/index'),
          meta: { title: '医院设置列表添加', icon: 'tree' }
        }
      ]
    },

• 将组件文件地址换成自己的

• 配置个自己的axios来发送请求

• 在api文件夹下创建发送请求的js

  import axios from '@/utils/myAxios'
  
  export function getHospSetList(current, limit, searchObj) {
    return axios({
      url: `/admin/hosp/hospitalSet/findPage/${current}/${limit}`,
      method: 'post',
      data: searchObj
    })
  }