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.

Router links in history mode completely broken since v2.18.0

See original GitHub issue

Describe the bug

Since upgrading to v2.18.0 router links in history mode seem to be completely broken, since they don’t generate the correct HTML anymore — the href-attribute is just “#” no matter what the router link target is. Clicking the links still works though.

Steps to reproduce the bug

activate history mode for router

<p><router-link :to="{ name: 'Home' }">Router Link</router-link></p>
<p><b-link :to="{ name: 'Home' }">Bootstrap Link</b-link></p>

The produced HTML:

<p><a href="/" aria-current="page" class="router-link-exact-active router-link-active">Router Link</a></p>
<p><a href="#" aria-current="page" class="router-link-exact-active router-link-active" target="_self">Bootstrap Link</a></p>

Expected behavior

The router link should also produce href="/" (and did so in version prior to v2.18.0*

Versions

Libraries:

BootstrapVue: 2.18.0
Bootstrap: 4.5.3
Vue: 2.6.11
Vue Router: 3.4.7 (also tested with 3.3.0, same result)

Environment:

Device: Mac
OS: macOS Catalina
Browser: Chrome
Version: 86

Demo link

Reproduction link — Fresh Vue CLI installation

Issue Analytics

State:
Created 3 years ago
Reactions:3
Comments:6 (1 by maintainers)

Top GitHub Comments

1reaction

johnkarpncommented, Oct 22, 2020

Yes, the fixes solved the problem, thank you!

1reaction

Locksamcommented, Oct 19, 2020

Same. After 2.18.0 all <b-link :to={name: RouteName}> generate <a href="#"> <router-link> works fine.

Top Results From Across the Web

Vue Router return 404 when revisit to the url - Stack Overflow

Any history mode returns: >> Not Found The requested URL was not found on the server. If you entered the URL manually please...

Different History modes - Vue Router

The history option when creating the router instance allows us to choose among different history modes. Hash Mode #. The hash history mode...

Troubleshoot EIGRP Common Issues - Cisco

This document describes how to troubleshoot the most common Enhanced Interior Gateway Routing Protocol (EIGRP) issues.

Fix list for IBM WebSphere Application Server V8.5

IBM WebSphere Application Server provides periodic fixes for the base and Network Deployment editions of release V8.5. The following is a complete listing ......

Troubleshooting BGP Sessions | Junos OS - Juniper Networks

Purpose. Table 1 provides links and commands for verifying whether the Border Gateway Protocol (BGP) is configured correctly on a Juniper Networks router...