<router-link> not working with named route and hash

Version

3.1.2

Reproduction link

https://codesandbox.io/s/vue-routing-example-bcy1y

Steps to reproduce

switch between pages and check the hash and the url

What is expected?

:to="{name: 'hello', hash: 'test'}" => /hello#test

What is actually happening?

:to="{name: 'hello', hash: 'test'}" => /hellotest

---

Hash is working fine when using path so it’s definitely not a major or blocking problem but I personally use named route whenever I can and also with nuxt-i18n and the hash is just appended without the # to the route.

Thanks for the awesome work.

[domoran]

Same problem here, please reopen this issue.

<router-link :to="{ name: 'home', hash: '#contact-us' }">Contact Us</router-link> The link becomes /home#contact-us When clicked, the URL changes, but the pages doesn’t scroll.

Although I got not even an error in the console.

I found a workaround to this behaviour - if you insert this (found on the router documentation) in your router configuration

  scrollBehavior (to, from, savedPosition) {
      if (to.hash) {
         return { selector: to.hash }
      }
  }

then scrolling works as expected after page navigation. Still I think this should be a default behaviour.

[fawadahmad]

<router-link :to="{ name: 'home', hash: '#contact-us' }">Contact Us</router-link> The link becomes /home#contact-us When clicked, the URL changes, but the pages doesn’t scroll. Also there is an error in the console: Uncaught Error: Syntax error, unrecognized expression: /home#contact-us