fix v-link active class matching (fix #114)

Author: yyx990803

src/directives/link.js

@@ -1,4 +1,5 @@
 import { warn } from '../util'
+const regexEscapeRE = /[-.*+?^${}()|[\]\/\\]/g
 
 // install v-link, which provides navigation support for
 // HTML5 history mode
@@ -46,7 +47,9 @@ export default function (Vue) {
       let router = this.vm.$route.router
       let activeClass = router._linkActiveClass
       let exactClass = activeClass + '-exact'
-      if (path.indexOf(dest) === 0 && path !== '/') {
+      if (this.activeRE &&
+          this.activeRE.test(path) &&
+          path !== '/') {
         _.addClass(el, activeClass)
       } else {
         _.removeClass(el, activeClass)
@@ -60,6 +63,9 @@ export default function (Vue) {
 
     update: function (path) {
       this.destination = path
+      this.activeRE = path
+        ? new RegExp('^' + path.replace(regexEscapeRE, '\\$&') + '\\b')
+        : null
       this.updateClasses(this.vm.$route.path)
       path = path || ''
       let router = this.vm.$route.router

test/unit/specs/core.js

@@ -240,7 +240,13 @@ describe('Core', function () {
           nextTick(function () {
             expect(linkA.className).toBe('')
             expect(linkB.className).toBe('active')
-            done()
+            router.go('/bcd')
+            nextTick(function () {
+              // #114 should not match
+              expect(linkA.className).toBe('')
+              expect(linkB.className).toBe('')
+              done()
+            })
           })
         })
       })