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 selected>炸酱面</DropdownItem>
-                <DropdownItem disabled>豆汁儿</DropdownItem>
+                <DropdownItem name="1">驴打滚</DropdownItem>
+                <DropdownItem selected name="2">炸酱面</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>