From e4c902e0bc4943913466f1dbdec20fa8408b8a41 Mon Sep 17 00:00:00 2001
From: Maksin Kutishchev <mr.mmkk@ya.ru>
Date: Mon, 21 May 2018 21:49:18 +0400
Subject: [PATCH] Added 2 properties (exact & event) to the MenuItem component
 and documented them

---
 docs/markdown/en/menu.md              |  2 ++
 src/components/menu/src/menu-item.vue | 15 ++++++++++++++-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/docs/markdown/en/menu.md b/docs/markdown/en/menu.md
index 2dbb23b..2252f18 100644
--- a/docs/markdown/en/menu.md
+++ b/docs/markdown/en/menu.md
@@ -288,6 +288,8 @@ Used together with `vue-router`. Set `router` property to `at-menu`, and Passed
 | to | the object of `vue-router`, same as the `to` property in `vue-router` | String / Object | - | - |
 | replace | whether to add new history when using `to` | Boolean | - | false |
 | disabled | whether the MenuItem is disabled | Boolean | - | false |
+| exact | The default active class matching behavior is inclusive match. For example, `<router-link to="/a">` will get this class applied as long as the current path starts with /a/ or is /a. To force the link into "exact match mode", use the `exact` prop. This prop work when using `to` | Boolean | - | false |
+| event |Specify the event(s) that can trigger the link navigation. This prop work when using `to` | String / Array | - | "click" |
 
 <script>
   export default {
diff --git a/src/components/menu/src/menu-item.vue b/src/components/menu/src/menu-item.vue
index 9afafe1..b3b7261 100644
--- a/src/components/menu/src/menu-item.vue
+++ b/src/components/menu/src/menu-item.vue
@@ -5,7 +5,12 @@
       this.active ? 'at-menu__item--active' : '',
       this.disabled ? 'at-menu__item--disabled' : ''
     ]" @click="handleClick">
-    <router-link v-if="Object.keys(to).length" class="at-menu__item-link" ref="link" :to="to">
+    <router-link v-if="Object.keys(to).length"
+                 class="at-menu__item-link"
+                 ref="link"
+                 :to="to"
+                 :exact="exact"
+                 :event="event">
       <slot></slot>
     </router-link>
     <div v-else class="at-menu__item-link">
@@ -38,6 +43,14 @@
       disabled: {
         type: Boolean,
         default: false
+      },
+      exact: {
+        type: Boolean,
+        default: false
+      },
+      event: {
+        type: [String,Array],
+        default: 'click'
       }
     },
     data () {