sliderMenu.vue

35 阅读1分钟
<template>
  <Menu active-name="1-2" width="auto">
    <!-- 左侧菜单展开时 -->
    <menu-show v-if="!isCollapsed" ref="menuShow" :menuList="menuList" />
    <!-- 左侧菜单收缩时 -->
    <menu-hide v-if="isCollapsed" :menuList="menuList" />
  </Menu>
</template>
<script>
import MenuShow from './../menuShow/menuShow.vue'
import MenuHide from './../menuHide/menuHide.vue'
export default {
  components: {
    MenuHide,
    MenuShow
  },
  props: ['isCollapsed'],
  data () {
    return {

    }
  },
  computed: {
    menuList() {
      return this.$store.getters.changeMenu
    }
  },
  watch: {

  },
  created() {

  },
  beforeMount() {

  },
  mounted() {

  },
  updated() {
  },
  methods: {

  }
}
</script>
<style lang="sass" scoped>
 @import './siderMenu.scss'
</style>