fix dropdown menu click

CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ### 1.0.0-rc.7
 
-*2016-XX-XX*
+*2016-10-13*
 
 - Upload 新增 Data 属性支持额外数据的传输
 - DatePicker 修复 `$t` 报错

packages/dropdown/src/dropdown-item.vue

@@ -1,8 +1,18 @@
 <template>
-  <li class="el-dropdown-item"><slot></slot></li>
+  <li class="el-dropdown-item" @click="handleClick"><slot></slot></li>
 </template>
 <script>
+  import emitter from 'element-ui/src/mixins/emitter';
+
   export default {
-    name: 'ElDropdownItem'
+    name: 'ElDropdownItem',
+
+    mixins: [emitter],
+
+    methods: {
+      handleClick(e) {
+        this.dispatch('ElDropdownMenu', 'visible', [false]);
+      }
+    }
   };
 </script>

packages/dropdown/src/dropdown.vue

@@ -66,15 +66,10 @@
           triggerElm.addEventListener('mouseenter', show);
           triggerElm.addEventListener('mouseleave', hide);
 
-          let dropdown = this.$slots.dropdown[0];
+          let dropdownElm = this.$slots.dropdown[0].elm;
-          let insertHook = dropdown.data.hook.insert;
+
-          dropdown.data.hook.insert = (vnode) => {
+          dropdownElm.addEventListener('mouseenter', show);
-            insertHook(vnode);
+          dropdownElm.addEventListener('mouseleave', hide);
-            this.$nextTick(_ => {
-              vnode.elm.addEventListener('mouseenter', show);
-              vnode.elm.addEventListener('mouseleave', hide);
-            });
-          };
         } else if (trigger === 'click') {
           triggerElm.addEventListener('click', handleClick);
         }