Types of changes

• Bug fix (a non-breaking change which fixes an issue)
• New feature (a non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Description

Fix #5593

According to https://github.com/vuejs/vue-router/blob/dev/src/create-route-map.js#L167 , vue-router will remove the trailing slash in non strict mode.

Imagine we have routes like and there is NuxtChild and NuxtLink to='/test/post/1' in pages/test.vue:

In non-strict mode, after we click link, the route.matched[0] is always { path: '/test', ... }

{
  path: "/test",
  name: "test",
  children: [{
    path: "post/:slug"
  }]
}

When we access http://localhost:3000/test, routerViewKey is always /test before and after clicking link.

But if we access http://localhost:3000/test/, the routerViewKey is /test/ from this.route.path. After clicking link, the routerViewKey is /test from this.$route.matched[0].path, so test.vue will be destroyed and recreated which is incorrect.

Checklist:

• My change requires a change to the documentation.
• I have updated the documentation accordingly. (PR: #)
• I have added tests to cover my changes (if not applicable, please state why)
• All new and existing tests are passing.