Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Vue MenuItem router-link causes full reload

See original GitHub issue

<MenuItem>
  <router-link
    :to="{ name: 'Logout' }"
    class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 cursor-pointer focus:outline-none"
    role="menuitem"
  >
    Sign out
  </router-link>
</MenuItem>

any idea why this router link causes a full reload?

Issue Analytics

State:
Created 3 years ago
Reactions:4
Comments:6

Top GitHub Comments

4reactions

RobinMalfaitcommented, Mar 5, 2021

Hey! Thank you for your bug report! Much appreciated! 🙏

The router-link doesn’t forward everything correctly, flipping things around like this might help you: https://codesandbox.io/s/headlessuivue-menu-example-forked-31t3b?file=/src/components/Menu.vue

3reactions

CalebKestercommented, Apr 17, 2021

@RobinMalfait Thanks for fix. It would be good to have this in the docs or try and contact the vue team to “fix” router-link if it really isn’t working correctly as you say. Considering router-links are 1st class plugins for vue I’m guessing most of your vue user base will be running into this issue.

Do you take PRs for the documentation site? I’d be happy to help out as I’m really enjoying headlessui and tailwindui.