Vuetify: [v0.15.0-beta.4] using the :to prop in v-breadcrumbs-item disables the element

Created on 29 Aug 2017  路  7Comments  路  Source: vuetifyjs/vuetify

Steps to reproduce

Using the :to prop in a v-breadcrumbs-item causes the element to pickup the disabled class. :href appears to be working fine. Has :to been deprecated?

Versions

v0.15.0-beta.4

What is expected ?

The href should not be disabled.

What is actually happening ?

The generated href has the disabled class applied.

Reproduction Link

https://codepen.io/smitchell/pen/rwKPYr

Most helpful comment

@everhardt I worked around the issue you mentioned by setting the :exact prop to true.

All 7 comments

router link is disabled if current page is same as the link, change the link to "/test" and it works

https://codepen.io/anon/pen/ZJmXEJ

@jacekkarczmarczyk is correct.

Not only if the current page is the same as the link, also if the current page starts with the link. So for example when you are on /people/peter and you link back to /people, its still greyed out.

Breadcrumbs are a sore spot that I will be improving in the future. The current functionality is too basic as best, and terrible to work with at worse.

@everhardt I worked around the issue you mentioned by setting the :exact prop to true.

@stoked74, great, that works!

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs. Please direct any non-bug questions to our Discord

Was this page helpful?
0 / 5 - 0 ratings

Related issues

tcastelly picture tcastelly  路  41Comments

mitar picture mitar  路  38Comments

stygmate picture stygmate  路  65Comments

noorzaie picture noorzaie  路  38Comments

JacksMyth picture JacksMyth  路  68Comments