diff --git a/components/menu/index.vue b/components/menu/index.vue
index 5dc810d2e..68b034420 100644
--- a/components/menu/index.vue
+++ b/components/menu/index.vue
@@ -8,10 +8,12 @@ import warning from '../_util/warning'
 import Item from './MenuItem'
 import { hasProp } from '../_util/props-util'
 import BaseMixin from '../_util/BaseMixin'
+import commonPropsType from './src/commonPropsType'
 
 export const MenuMode = PropTypes.oneOf(['vertical', 'vertical-left', 'vertical-right', 'horizontal', 'inline'])
 
 export const menuProps = {
+  ...commonPropsType,
   theme: PropTypes.oneOf(['light', 'dark']).def('light'),
   mode: MenuMode.def('vertical'),
   selectable: PropTypes.bool,
diff --git a/components/menu/src/Menu.vue b/components/menu/src/Menu.vue
index 1ec46f84e..aa3a7942f 100644
--- a/components/menu/src/Menu.vue
+++ b/components/menu/src/Menu.vue
@@ -8,11 +8,8 @@ import commonPropsType from './commonPropsType'
 const Menu = {
   name: 'Menu',
   props: {
-    getPopupContainer: PropTypes.func,
-    openTransitionName: PropTypes.string,
-    forceSubMenuRender: PropTypes.bool,
-    selectable: PropTypes.bool.def(true),
     ...commonPropsType,
+    selectable: PropTypes.bool.def(true),
   },
   mixins: [BaseMixin, MenuMixin],
 
diff --git a/components/menu/src/SubPopupMenu.vue b/components/menu/src/SubPopupMenu.vue
index 49d8b50d9..11acc4d26 100644
--- a/components/menu/src/SubPopupMenu.vue
+++ b/components/menu/src/SubPopupMenu.vue
@@ -1,9 +1,9 @@
 <script>
-import PropTypes from '../../_util/vue-types'
+// import PropTypes from '../../_util/vue-types'
 import MenuMixin from './MenuMixin'
 import BaseMixin from '../../_util/BaseMixin'
 import commonPropsType from './commonPropsType'
-import { noop } from './util'
+// import { noop } from './util'
 export default {
   name: 'SubPopupMenu',
   props: { ...commonPropsType,
@@ -51,6 +51,12 @@ export default {
     },
   },
   render () {
+    const props = this.$props
+
+    this.haveOpened = this.haveOpened || props.visible || props.forceSubMenuRender
+    if (!this.haveOpened) {
+      return null
+    }
     const { prefixCls } = this.$props
     return this.renderRoot({ ...this.$props, class: `${prefixCls}-sub` }, this.$slots.default)
   },
diff --git a/components/menu/src/commonPropsType.js b/components/menu/src/commonPropsType.js
index 3e5a8a829..d8f885395 100644
--- a/components/menu/src/commonPropsType.js
+++ b/components/menu/src/commonPropsType.js
@@ -13,10 +13,13 @@ export default {
   openAnimation: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
   mode: PropTypes.oneOf(['horizontal', 'vertical', 'vertical-left', 'vertical-right', 'inline']).def('vertical'),
   triggerSubMenuAction: PropTypes.string.def('hover'),
-  openTransitionName: PropTypes.string,
   subMenuOpenDelay: PropTypes.number.def(0.1),
   subMenuCloseDelay: PropTypes.number.def(0.1),
   level: PropTypes.number.def(1),
   inlineIndent: PropTypes.number.def(24),
   theme: PropTypes.oneOf(['light', 'dark']).def('light'),
+  getPopupContainer: PropTypes.func,
+  openTransitionName: PropTypes.string,
+  forceSubMenuRender: PropTypes.bool,
+  selectable: PropTypes.bool,
 }