diff --git a/packages/dropdown-item/index.js b/packages/dropdown-item/index.js
index 1acae1ceb..12428c8cd 100644
--- a/packages/dropdown-item/index.js
+++ b/packages/dropdown-item/index.js
@@ -46,6 +46,7 @@ export default sfc({
       return (
         <Cell
           clickable
+          key={option.value}
           title={option.text}
           titleStyle={{ color: active ? activeColor : '' }}
           onClick={() => {
diff --git a/packages/dropdown-menu/index.js b/packages/dropdown-menu/index.js
index 56dd50434..79fc09831 100644
--- a/packages/dropdown-menu/index.js
+++ b/packages/dropdown-menu/index.js
@@ -1,11 +1,15 @@
 import { use } from '../utils';
 import { BLUE } from '../utils/color';
 import { ParentMixin } from '../mixins/relation';
+import { ClickOutsideMixin } from '../mixins/click-outside';
 
 const [sfc, bem] = use('dropdown-menu');
 
 export default sfc({
-  mixins: [ParentMixin('vanDropdownMenu')],
+  mixins: [ParentMixin('vanDropdownMenu'), ClickOutsideMixin({
+    event: 'click',
+    method: 'onClickOutside'
+  })],
 
   props: {
     overlay: {
@@ -45,6 +49,12 @@ export default sfc({
           item.toggle(false);
         }
       });
+    },
+
+    onClickOutside() {
+      this.children.forEach(item => {
+        item.toggle(false);
+      });
     }
   },