blob: 089ed3be6e7647fa6f0395e25142be29fc1a0a21 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
|
<template>
<div class="menu">
<Menu theme="light" active-name="7" @on-select="seletMenu">
<div v-for="(item, index) in menuList" :key="index">
<Submenu :name="item.name" v-if="item.children.length!==0">
<template slot="title">
{{item.title}}
</template>
<MenuItem v-for="(val, index) in item.children" :key="index" :name="val.name">
{{val.title}}
</MenuItem>
</Submenu>
<MenuItem :name="item.name" v-else>{{item.title}}</MenuItem>
</div>
</Menu>
<br>
</div>
</template>
<script>
import { menu } from "@/const/index.js"
export default {
components: {
},
data () {
return {
menuList: menu.MENU_ITEM
}
},
created () {
console.log(this.menuList)
},
methods: {
seletMenu (name) {
let seletedItem = {}
for (let item of this.menuList) {
if (item.name === name) {
seletedItem = item
} else{
for (let val of item.children) {
if (val.name === name) {
seletedItem = val
}
}
}
}
console.log(seletedItem)
this.$router.push({path: seletedItem.path})
}
},
};
</script>
<style lang="sass">
</style>
|