1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/x_discoverer-Vue.NetCore

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
VolMenu.vue 1.4 КБ
Копировать Редактировать Web IDE Исходные данные Просмотреть построчно История
jxx Отправлено 6 лет назад 03b60b9
<template>
<div class="menu-list">
<vol-item-menu :onOpenChange="onOpenChange" :onSelect="onSelect" :trees="arrayToTree()" :theme="theme"></vol-item-menu>
</div>
</template>
<script>
import VolItemMenu from "@/components/basic/VolItemMenu.vue";
export default {
components: {
VolItemMenu
},
props: {
options: {
type: Array,
default: []
},
onSelect: {
type: Function,
default: x => {
console.log(x);
}
},
onOpenChange: {
type: Function,
default: x => {
console.log(x);
}
},
theme: { type: String, default: "light" /*light,dark */ }
},
methods: {
convertTree(root, source) {
var subItems = source.filter(x => {
return x.parentId == root.id;
});
if (subItems.length > 0) {
root.children = [];
root.children.push(...subItems);
root.children.forEach(element => {
this.convertTree(element, source);
});
}
},
arrayToTree() {
// var menuData = [
// { id: 1, name: "iview组件", parentId: 0,icon:'ios-aperture' }
// ];
var basicRoot = this.options.filter(x => {
return x.parentId == 0;
});
basicRoot.forEach(x => {
return this.convertTree(x, this.options);
});
return basicRoot;
}
},
data() {
return {};
}
};
</script>

Опубликовать ( 0 )

Вы можете оставить комментарий после Вход в систему

1
https://gitlife.ru/oschina-mirror/x_discoverer-Vue.NetCore.git
git@gitlife.ru:oschina-mirror/x_discoverer-Vue.NetCore.git
oschina-mirror
x_discoverer-Vue.NetCore
x_discoverer-Vue.NetCore
master