1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
| <template>
| <div>
| <el-tabs size="small" v-model="activeName" type="card" @tab-click="handleClick">
| <el-tab-pane label="管理员" name="user"></el-tab-pane>
| <el-tab-pane label="角色" name="role"></el-tab-pane>
| </el-tabs>
| <!--角色管理-->
| <Role v-if="activeName == 'role'"></Role>
| <!--管理员列表-->
| <User v-if="activeName == 'user'"></User>
| </div>
| </template>
| <script>
| import Role from './role/Index';
| import User from './user/Admin';
| export default {
| components: {
| Role,
| User
| },
| data() {
| return {
| /*当前选中*/
| activeName: 'user',
| };
| },
| created() {},
| methods: {
|
| handleClick(e) {
| this.activeName = e.name;
| }
| }
| };
| </script>
|
|
