fix(link): use replace prop

Close #702
vuejs · Jan 9, 2021 · 6edba5c · 6edba5c
1 parent 09bbc89
commit 6edba5c
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/__tests__/RouterLink.spec.ts b/__tests__/RouterLink.spec.ts
@@ -369,6 +369,7 @@ async function factory(
     options: {} as Partial<RouterOptions>,
     resolve: jest.fn(),
     push: jest.fn().mockResolvedValue(resolvedLocation),
+    replace: jest.fn().mockResolvedValue(resolvedLocation),
   }
   router.resolve.mockReturnValueOnce(resolvedLocation)
 
@@ -799,6 +800,16 @@ describe('RouterLink', () => {
     expect(router.push).toHaveBeenCalledTimes(1)
   })
 
+  it('calls router.replace when clicked with replace prop', async () => {
+    const { router, wrapper } = await factory(
+      START_LOCATION_NORMALIZED,
+      { to: locations.basic.string, replace: true },
+      locations.basic.normalized
+    )
+    wrapper.find('a')!.trigger('click')
+    expect(router.replace).toHaveBeenCalledTimes(1)
+  })
+
   it('calls router.push with the correct location for aliases', async () => {
     const { router, wrapper } = await factory(
       START_LOCATION_NORMALIZED,

diff --git a/src/RouterLink.ts b/src/RouterLink.ts
@@ -132,6 +132,7 @@ export const RouterLinkImpl = /*#__PURE__*/ defineComponent({
       type: [String, Object] as PropType<RouteLocationRaw>,
       required: true,
     },
+    replace: Boolean,
     activeClass: String,
     // inactiveClass: String,
     exactActiveClass: String,