<template>
  <div class="full-size">
    <el-scrollbar class="nav-scroll">
      <el-menu :default-active="nowActive" @select="onMenuSelect"
        :unique-opened="false">
        <el-menu-item index="User">
          <span style="font-size: 14px" slot="title">用户管理</span>
        </el-menu-item>
        <el-menu-item index="Group">
          <span style="font-size: 14px" slot="title">用户组管理</span>
        </el-menu-item>
        <el-menu-item index="Policy">
          <span style="font-size: 14px" slot="title">策略管理</span>
        </el-menu-item>
      </el-menu>
    </el-scrollbar>
    <div class="wrapper">
      <component :is="nowActive"></component>
    </div>
  </div>
</template>

<script>

export default {
  created () {
  },
  data () {
    return {
      nowActive: 'User',
      menuList: []
    }
  },
  methods: {
    onMenuSelect (index, indexPath) {
      this.nowActive = index
    }
  }
}
</script>

<style lang="scss" scoped>
</style>
