商城项目 前端

1. 基本配置

1.1. 关闭eslint

编辑 config/index.js

useEslint: false

2. 品牌管理

• 参考Example

2.1. 添加路由和侧边栏

编辑 router/index.js

{
  path: '/brand',
  component: Layout,
  redirect: '/brand/list',
  name: 'Brand',
  meta: {
    title: '品牌管理',
    icon: 'example'
  },
  children: [
    {
      path: 'create',
      component: () => import('@/views/brand/create'),
      name: 'CreateBrand',
      meta: { title: '创建品牌', icon: 'edit' }
    },
    {
      path: 'edit/:id(\\d+)',
      component: () => import('@/views/brand/edit'),
      name: 'EditBrand',
      meta: { title: '编辑品牌', noCache: true },
      hidden: true
    },
    {
      path: 'list',
      component: () => import('@/views/brand/list'),
      name: 'BrandList',
      meta: { title: '品牌列表', icon: 'list' }
    }
  ]
},

2.2. 添加组件文件

复制@/views/example目录，得到@/views/brand

2.3. 添加API接口文件

复制@/api/article.js，得到@/api/brand.js

2.4. list.vue 品牌列表页