v-link: allow active-exact class to be configured separately

Author: yyx990803

src/directives/link.js

@@ -83,7 +83,7 @@ export default function (Vue) {
       let dest = this.destination
       let router = this.vm.$route.router
       let activeClass = router._linkActiveClass
-      let exactClass = activeClass + '-exact'
+      let exactClass = router._linkActiveExactClass
       if (this.activeRE &&
           this.activeRE.test(path) &&
           path !== '/') {

src/index.js

@@ -31,7 +31,8 @@ class Router {
     transitionOnLoad = false,
     suppressTransitionError = false,
     root = null,
-    linkActiveClass = 'v-link-active'
+    linkActiveClass = 'v-link-active',
+    linkActiveExactClass = 'v-link-active-exact'
   } = {}) {
 
     /* istanbul ignore if */
@@ -78,6 +79,7 @@ class Router {
     // other options
     this._saveScrollPosition = saveScrollPosition
     this._linkActiveClass = linkActiveClass
+    this._linkActiveExactClass = linkActiveExactClass
     this._suppress = suppressTransitionError
 
     // create history object
@@ -134,4 +136,4 @@ if (typeof window !== 'undefined' && window.Vue) {
   window.Vue.use(Router)
 }
 
-export default Router;
+export default Router

test/unit/specs/core.js

@@ -211,7 +211,8 @@ describe('Core', function () {
   it('v-link active classes', function (done) {
     router = new Router({
       abstract: true,
-      linkActiveClass: 'active'
+      linkActiveClass: 'active',
+      linkActiveExactClass: 'active-exact'
     })
     var App = Vue.extend({
       replace: false,