From 0ac4604dd2e224ede04c24c3c1926582f814666f Mon Sep 17 00:00:00 2001
From: Leonel Matos <matosleonel0@gmail.com>
Date: Tue, 3 Dec 2019 15:25:54 -0400
Subject: [PATCH] change breadcrumb menu options trigger (#193)

---
 src/components/Breadcrumb/index.vue | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/components/Breadcrumb/index.vue b/src/components/Breadcrumb/index.vue
index 45f092e2..17d6ac76 100644
--- a/src/components/Breadcrumb/index.vue
+++ b/src/components/Breadcrumb/index.vue
@@ -11,12 +11,10 @@
           </a>
         </el-breadcrumb-item>
         <el-breadcrumb-item key="1">
-          <el-dropdown placement="bottom" trigger="click" :hide-on-click="true" class="el-dropdown-link" @command="handleLink">
-            <i class="el-icon-more" />
-            <el-dropdown-menu slot="dropdown">
-              <el-dropdown-item v-for="(item, index) in dropdownList" :key="index" :command="item">{{ generateTitle(item.meta.title) }}</el-dropdown-item>
-            </el-dropdown-menu>
-          </el-dropdown>
+          <el-popover placement="bottom" trigger="hover" class="breadcrumb-popover">
+            <el-dropdown-item v-for="(item, index) in dropdownList" :key="index" :command="item">{{ generateTitle(item.meta.title) }}</el-dropdown-item>
+            <i slot="reference" class="el-icon-more" />
+          </el-popover>
         </el-breadcrumb-item>
         <el-breadcrumb-item key="2">
           <span v-if="lastItem.redirect==='noRedirect'" class="no-redirect">
@@ -107,7 +105,7 @@ export default {
     color: #97a8be;
     cursor: text;
   }
-  .el-dropdown-link {
+  .breadcrumb-popover {
     cursor: pointer;
     .el-icon-more {
       transform: none;