question-mark
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.

Nuxt link via route-link mixin broken - causes full page refresh

See original GitHub issue

Repro: https://github.com/ChavaSobreyra/vuetify-nuxt-link-repro

Instructions to reproduce: Navigate to /users. In the nav-drawer I’ve set up normal nuxt-links and vuetify tile nuxt links.

Clicking vuetify links results in full page refresh to get to new page.

**Vuetify Version: **

    "vuetify": "^0.12.7"

**Relevant code for quick reference: **

// /layouts/app.vue

<v-navigation-drawer hide-overlay v-model="drawer" light clipped persistent disable-route-watcher>
  <v-list dense>
    <nuxt-link to="/users">
      Normal nuxt-link to /users
    </nuxt-link>
    <br>
    <br>
    <nuxt-link to="/users/add">
      Normal nuxt-link to /users/add
    </nuxt-link>

    <v-list-item>
      <v-list-tile href="/users" nuxt ripple>
        <v-list-tile-action>
          <mdi icon="account"></mdi>
        </v-list-tile-action>
        <v-list-tile-content>
          <v-list-tile-title>
            Users
          </v-list-tile-title>
        </v-list-tile-content>
      </v-list-tile>
    </v-list-item>

    <v-list-item>
      <v-list-tile href="/users/add" nuxt ripple>
        <v-list-tile-action>
          <mdi icon="account"></mdi>
        </v-list-tile-action>
        <v-list-tile-content>
          <v-list-tile-title>
            Users Add
          </v-list-tile-title>
        </v-list-tile-content>
      </v-list-tile>
    </v-list-item>

  </v-list>
</v-navigation-drawer>

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:6 (4 by maintainers)

github_iconTop GitHub Comments

2reactions
johnleidercommented, Jul 3, 2017

I agree, will fix.

1reaction
ChavaSobreyracommented, Jul 21, 2017

@ImTheDeveloper <v-list-tile nuxt :to="item.route">

to is for router links.

Since this issue is closed be sure to open a new issue if you continue to have problems

Read more comments on GitHub >

github_iconTop Results From Across the Web

Nuxt router leads to wrong link after page reload
The deployed website has been generated via the nuxt generate command and as such, is fully static. Now perform the following actions -....
Read more >
react-router-3 | Yarn - Package Manager
Fast, reliable, and secure dependency management.
Read more >
IBM MICROMEDEX® User Guide
User Guide - As with the User Guide link at the bottom of the page, this link opens the latest IBM Micromedex® User...
Read more >
The router Property - Nuxt
Setting this to false essentially makes every router-link navigation a full page refresh in IE9. This is useful when the app is server-rendered...
Read more >
EnCase Forensic v8.07 User Guide - OpenText
EnCase®, EnScript®, FastBloc®, GuidanceSoftware®and EnCE®areregistered trademarks or trademarks owned by Guidance.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found