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
58
59
60
61
62
| <template>
| <div class="avue-sidebar" id="menuLeft">
| <logo></logo>
| <el-scrollbar style="height: 100%">
| <div v-if="validatenull(menu)" class="avue-sidebar--tip">
| {{ $t("menuTip") }}
| </div>
| <el-menu
| unique-opened
| :default-active="nowTagValue"
| mode="vertical"
| :show-timeout="200"
| :collapse="keyCollapse"
| background-color="#fff"
| >
| <sidebar-item
| :menu="menu"
| :screen="screen"
| first
| :props="website.menu.props"
| :collapse="keyCollapse"
| ></sidebar-item>
| </el-menu>
| </el-scrollbar>
| </div>
| </template>
|
| <script>
| import { mapGetters } from "vuex";
| import logo from "../logo";
| import sidebarItem from "./sidebarItem";
|
| export default {
| name: "sidebar",
| components: { sidebarItem, logo },
| inject: ["index"],
| data() {
| return {};
| },
| created() {
| this.index.openMenu();
| // var menuDom = document.getElementById("menuLeft");
| // menuDom.
| },
| computed: {
| ...mapGetters([
| "website",
| "menu",
| "tag",
| "keyCollapse",
| "screen",
| "menuId",
| ]),
| nowTagValue: function () {
| return this.$router.$avueRouter.getValue(this.$route);
| },
| },
| methods: {},
| };
| </script>
| <style lang="scss" scoped>
| </style>
|
|
