go to the same route will be set the same key, fix #21

Author: zack24q

examples/src/pages/Index.vue

@@ -3,7 +3,12 @@
  <div class="index">
  <p>This is the <b>index</b> page</p>
  <p>random number: {{random}}</p>
- <router-link to="list">go to list page</router-link>
+ <p>
+ <router-link to="/">go to index page</router-link>
+ </p>
+ <p>
+ <router-link to="list">go to list page</router-link>
+ </p>
  </div>
  </page>
 </template>

package.json

@@ -35,7 +35,9 @@
  "url": "https://github.com/zack24q/vue-navigation/issues"
  },
  "homepage": "https://github.com/zack24q/vue-navigation#readme",
- "dependencies": {},
+ "dependencies": {
+ "lodash": "^4.17.4"
+ },
  "devDependencies": {
  "anywhere": "^1.4.0",
  "autoprefixer": "^6.7.2",

src/index.js

@@ -1,3 +1,4 @@
+import isEqual from 'lodash/isEqual'
 import Routes from './routes'
 import Navigator from './navigator'
 import NavComponent from './components/Navigation'
@@ -25,7 +26,15 @@ export default {
  router.beforeEach((to, from, next) => {
  if (!to.query[keyName]) {
  const query = { ...to.query }
- query[keyName] = genKey()
+ // go to the same route will have same key
+ if (to.path === from.path && isEqual(
+ { ...to.query, [keyName]: null },
+ { ...from.query, [keyName]: null },
+ ) && from.query[keyName]) {
+ query[keyName] = from.query[keyName]
+ } else {
+ query[keyName] = genKey()
+ }
  next({ path: to.path, query, replace: replaceFlag || !from.query[keyName] })
  } else {
  next()