vue+element tabs选项卡分页，腾讯后台开发，retrofit原理

component: () => import(‘…/components/view/account/index.vue’),

children: [

{

path: ‘/account/all-account/staff’,

component: () => import(‘…/components/view/account/account.vue’),

hidden: true

},

{

path: ‘/account/all-account/agent’,

name: ‘代理人账号’,

component: () => import(‘…/components/view/account/agent.vue’),

hidden: true

},

{

path: ‘/account/all-account/department’,

name: ‘部门设置’,

component: () => import(‘…/components/view/account/department.vue’),

hidden: true

},

{

path: ‘/account/all-account/role’,

name: ‘角色权限设置’,

component: () => import(‘…/components/view/account/role.vue’),

hidden: true

},

{

path: ‘/account/all-account/city’,

name: ‘城市管理’,

component: () => import(‘…/components/view/account/city.vue’),

hidden: true

},

]

},

}

组件代码：

index.vue

account.vue

<el-tabs v-model=“activeName” style=“height:100%;” @tab-click=“handleClick”>