some params is missing when use localePath

My reload params is missing to nuxt-link like this <nuxt-link :to="localePath({ name: 'foo', params: { foo: 'nice', reload: true } })"> this.$router.push(localePath({ name: 'foo', params: { foo: 'nice', reload: true } }))

It’s working fine below. No params are lost. <nuxt-link :to="{ name: 'foo', params: { foo: 'nice', reload: true } }"> this.$router.push({ name: 'foo', params: { foo: 'nice', reload: true } })

<div align="right">_{This question is available on Nuxt.js community (#c27)}</div>

[urbgimtam]

I use a similar strategy to link to a child url (for SEO purposes), but also passing an id that I use to fetch data from.

Without i18n, you can do <nuxt-link :to="{name: 'thepage-url', params: {id: '123', url: 'abced' }"} /> which will give you access to both parameters in $routes.params object on the child page.

However, with i18n, when you write: <nuxt-link :to="localePath({ name: 'thepage-url', params: {id: '123', url: 'abced'} }) you only access the parameter used for the ‘slug’ definition (this case, ‘url’).

Have to use the alternative presented by @azeranex to make it work (thanks!), but feels like a hack. Edit: here’s what I use for Nuxt 2.4.0 and above:

<nuxt-link
    :to="{
            name: `thepage-url___${$i18n.locale}`,
            params: {
              url: 'abced',
              nid: '123',
              fulldata: anObjWithData   // you can also pass an object with a good bunch of data, if needed.
            }
         }" />

IMO localePath() should deal only with the ‘name’, like <nuxt-link :to="{ name: localePath('thepage-url'), params: { [ all we need here ]} }) />

What’s the benefit of passing the full params object into the function localePath?

[azeranex]

I use reload param to check whether I need to fetch api data and fill vuex store or not. You can use query to track too but when you use ajax to fill more data (e.g. infinite scroll) your page will be reload to first data if you view item on other page and click back. You ajax content got wiped. Your scroll position lost.

If you store reload var in param you data still intact.

I can solve my problem by using (it’s work fine) <nuxt-link :to="{ name: `listing-${$i18n.locale}`, params: { listing: 'rent', reload: true } }" class="navbar-item">{{ $t('navbar.rent') }}</nuxt-link>