<template>
  <div class="com-sub-menu">
    <template>
      <el-menu
        :unique-opened="false"
        :collapseTransition="false"
        :collapse="true"
        class="csm-zk-menu">
        <sub-menu :menuItem="menuItem" />
      </el-menu>
    </template>
    <!-- <div class="csm-item" v-else>
      <i class="csm-icon"></i>
      <div class="csm-name" :title="menuItem.name">{{menuItem.name}}</div>
    </div> -->
  </div>
</template>
<script>
import subMenu from './com-third-menu'
export default {
  components: {
    subMenu
  },
  props: {
    menuItem: {
      default () {
        return {

        }
      }
    }
  },
  data () {
    return {

    }
  },
  computed: {},
  created () {

  },
  mounted () {

  },
  methods: {

  }
}
</script>
<style lang="scss">

</style>
