From e65c8fb18320229597c458edc0c01e6321b801ff Mon Sep 17 00:00:00 2001
From: w_lierxing <15510223171@163.com>
Date: Sat, 22 Jan 2022 00:04:44 +0800
Subject: [PATCH 1/2] useing_el_menu

---
 src/views/dashboard/index.vue | 61 ++++++++++++++++++++++++++++++++++-
 1 file changed, 60 insertions(+), 1 deletion(-)

diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index 33e5ab6ecf..33ab6b3dbc 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -1,6 +1,23 @@
 <template>
   <div class="dashboard-container">
-    <div class="dashboard-text">name: {{ name }}</div>
+    <!-- <div class="dashboard-text">name: {{ name }}</div> -->
+    <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
+      <el-menu-item index="1">处理中心</el-menu-item>
+      <el-submenu popper-class="private-popper-calss" index="2" :hide-timeout="15000">
+        <template slot="title">我的工作台</template>
+        <el-menu-item index="2-1">选项1</el-menu-item>
+        <el-menu-item index="2-2">选项2</el-menu-item>
+        <el-menu-item index="2-3">选项3</el-menu-item>
+        <el-submenu popper-class="private-popper-two-calss" index="2-4" :hide-timeout="20000">
+          <template slot="title">选项4</template>
+          <el-menu-item index="2-4-1">选项1</el-menu-item>
+          <el-menu-item index="2-4-2">选项2</el-menu-item>
+          <el-menu-item index="2-4-3">选项3</el-menu-item>
+        </el-submenu>
+      </el-submenu>
+      <el-menu-item index="3" disabled>消息中心</el-menu-item>
+      <el-menu-item index="4"><a href="https://www.ele.me" target="_blank">订单管理</a></el-menu-item>
+    </el-menu>
   </div>
 </template>
 
@@ -9,10 +26,20 @@ import { mapGetters } from 'vuex'
 
 export default {
   name: 'Dashboard',
+  data() {
+    return {
+      activeIndex: '1'
+    }
+  },
   computed: {
     ...mapGetters([
       'name'
     ])
+  },
+  methods: {
+    handleSelect(key, keyPath) {
+      console.log(key, keyPath)
+    }
   }
 }
 </script>
@@ -28,3 +55,35 @@ export default {
   }
 }
 </style>
+<style lang="scss">
+.private-popper-calss{
+  width: 100px;
+  // background-color: green;
+  .el-menu--popup {
+    min-width: 100px;
+    width: 100px;
+    // background-color: red;
+  }
+  .el-menu .el-menu-item {
+    min-width: 100px;
+    width: 100px;
+    // background-color: aqua;
+    .private-popper-two-calss{
+      width: 100px;
+      // background-color: green;
+      .el-menu--popup {
+        min-width: 100px;
+        width: 100px;
+        // background-color: red;
+      }
+      .el-menu .el-menu-item {
+        width: 100px;
+        min-width: 100px;
+        background-color: aqua;
+      }
+    }
+  }
+
+}
+
+</style>

From 4a2300f7e33cc34bd485750aea687a3e97757f6e Mon Sep 17 00:00:00 2001
From: w_lierxing <15510223171@163.com>
Date: Tue, 25 Jan 2022 12:08:37 +0800
Subject: [PATCH 2/2] =?UTF-8?q?useing=5Fel=5Fmenu=E5=8E=BB=E6=8E=89hide-ti?=
 =?UTF-8?q?meout=E5=B1=9E=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/dashboard/index.vue | 19 +++++--------------
 1 file changed, 5 insertions(+), 14 deletions(-)

diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index 33ab6b3dbc..25aba1dd9b 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -1,14 +1,16 @@
 <template>
   <div class="dashboard-container">
-    <!-- <div class="dashboard-text">name: {{ name }}</div> -->
+    <h5>解决el-mennu的下拉框选不中的问题</h5>
     <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
       <el-menu-item index="1">处理中心</el-menu-item>
-      <el-submenu popper-class="private-popper-calss" index="2" :hide-timeout="15000">
+      <!-- :hide-timeout="15000" -->
+      <el-submenu popper-class="private-popper-calss" index="2">
         <template slot="title">我的工作台</template>
         <el-menu-item index="2-1">选项1</el-menu-item>
         <el-menu-item index="2-2">选项2</el-menu-item>
         <el-menu-item index="2-3">选项3</el-menu-item>
-        <el-submenu popper-class="private-popper-two-calss" index="2-4" :hide-timeout="20000">
+        <!-- :hide-timeout="20000" -->
+        <el-submenu popper-class="private-popper-two-calss" index="2-4">
           <template slot="title">选项4</template>
           <el-menu-item index="2-4-1">选项1</el-menu-item>
           <el-menu-item index="2-4-2">选项2</el-menu-item>
@@ -45,15 +47,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.dashboard {
-  &-container {
-    margin: 30px;
-  }
-  &-text {
-    font-size: 30px;
-    line-height: 46px;
-  }
-}
 </style>
 <style lang="scss">
 .private-popper-calss{
@@ -83,7 +76,5 @@ export default {
       }
     }
   }
-
 }
-
 </style>