/
githubmirror
/
element
Обзор
Документация
Войти
/
githubmirror
/
element
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
packages/menu/src/menu-item-group.vue
44 строки
975 B
Leopoldthecoder
Menu: add chalk theme
16 сен 2017, 16:20
16 сен 2017, 16:20
27dcb4e
Код
Авторство
О чём код?
<template> <li class="el-menu-item-group"> <div class="el-menu-item-group__title" :style="{paddingLeft: levelPadding + 'px'}"> <template v-if="!$slots.title">{{title}}</template> <slot v-else name="title"></slot> </div> <ul> <slot></slot> </ul> </li> </template> <script> export default { name: 'ElMenuItemGroup', componentName: 'ElMenuItemGroup', inject: ['rootMenu'], props: { title: { type: String } }, data() { return { paddingLeft: 20 }; }, computed: { levelPadding() { let padding = 20; let parent = this.$parent; if (this.rootMenu.collapse) return 20; while (parent && parent.$options.componentName !== 'ElMenu') { if (parent.$options.componentName === 'ElSubmenu') { padding += 20; } parent = parent.$parent; } return padding; } } }; </script>