Test event emitting

test/index.html

@@ -10,7 +10,10 @@
                 Right click on me
             </p>
 
-            <vue-context ref="menu" :close-on-scroll="close" :close-on-click="false">
+            <vue-context ref="menu" :close-on-scroll="close"
+                         @close="onClose"
+                         @open="onOpen"
+            >
                 <ul slot-scope="child">
                     <li @click="onClick(child.data)">Option 1 {{ child.data && child.data.foo }}</li>
                     <li>Option 2</li>
@@ -20,4 +23,4 @@
 
         <script src="js/dist/index.js"></script>
     </body>
-</html>
+</html>

test/js/src/index.js

@@ -12,7 +12,15 @@ new Vue({
 
     methods: {
         onClick (data) {
-            console.log(data);
+            // console.log(data);
         },
+
+        onClose () {
+            console.log('closing');
+        },
+
+        onOpen (event, data, top, left) {
+            console.log(data, top, left);
+        }
     },
-}).$mount('#app');
+}).$mount('#app');