Dropdown will not trigger @on-click event when set disabled prop to DropdownItem

examples/routers/dropdown.vue

@@ -1,14 +1,14 @@
 <template>
     <div>
-        <Dropdown trigger="hover">
+        <Dropdown trigger="hover" @on-click="handleClick">
             <a href="javascript:void(0)">
                 下拉菜单
                 <Icon type="ios-arrow-down"></Icon>
             </a>
             <DropdownMenu slot="list">
-                <DropdownItem>驴打滚</DropdownItem>
+                <DropdownItem name="1">驴打滚</DropdownItem>
-                <DropdownItem selected>炸酱面</DropdownItem>
+                <DropdownItem selected name="2">炸酱面</DropdownItem>
-                <DropdownItem disabled>豆汁儿</DropdownItem>
+                <DropdownItem disabled name="3">豆汁儿</DropdownItem>
                 <DropdownItem>冰糖葫芦</DropdownItem>
                 <DropdownItem divided>北京烤鸭</DropdownItem>
             </DropdownMenu>
@@ -43,6 +43,10 @@
 </template>
 <script>
     export default {
-
+        methods: {
+            handleClick (n) {
+                console.log(n);
+            }
+        }
     }
 </script>

src/components/dropdown/dropdown-item.vue

@@ -37,14 +37,11 @@
         },
         methods: {
             handleClick () {
+                if (this.disabled) return;
                 const $parent = findComponentUpward(this, 'Dropdown');
                 const hasChildren = this.$parent && this.$parent.$options.name === 'Dropdown';
 
-                if (this.disabled) {
+                if (hasChildren) {
-                    this.$nextTick(() => {
-                        $parent.currentVisible = true;
-                    });
-                } else if (hasChildren) {
                     this.$parent.$emit('on-haschild-click');
                 } else {
                     if ($parent && $parent.$options.name === 'Dropdown') {