Curiously, with 1.0.0-rc8 I observe the opposite behavior. I have a project with nested views:

pages/
--index.vue
--index/
----_id.vue

The outer/root view (index.vue) displays search results, keying off a query string parameter (?q=<terms>). <nuxt-link> links that change the query string parameter, e.g.:

/?q=foo
/?q=bar

…do not cause the outer view to re-render. The asyncData, fetch, and mounted hooks do not fire after the initial render.

Is this as-designed? Is there a way to specify that query string parameters affect a route and should cause a re-render?

I think this issue is related to #1761 .
fixPrepatch() resets a parent view's state.

https://github.com/nuxt/nuxt.js/blob/dev/lib/app/client.js#L359

I'm not sure why fixPrepatch() is needed.

I've removed following line and confirmed this change provide expected behavior for me.
https://github.com/nuxt/nuxt.js/blob/9e4f864e4d25af2e9668767bb297182656e19cba/lib/app/client.js#L557

@Atinux Thank your for creating great useful framework. If you have a time, could you tell me what situation needs fixPrepatch().

i have the same problem, how to solve it?

Actually, fixPrepatch is there to merge the result of asyncData when we are on a dynamic route without having to watch $route, I will investigate on it, but It will help me a lot to have a small reproduction repo please.

Hi @Atinux,
small reproduction repo is here:
https://github.com/dotneet/nuxt-issue-1408

Hi @Atinux,

Do you think this patch is worth to PR?
using getChangedComponentsInstances() instead of getMatchedComponentsInstances() in client.js, We can get around this problem I think.

getMatchedComponentsInstances() returns all components that is matched to new path.
This is root cause of this problem. To solve the problem, nuxt should apply a fixPrepatch() to components that will be changed by moving path.

export function getRouteRecordWithParamNames (route) {
  return route.matched.map(m => {
    let paramNames = m.path.match(new RegExp(':[^\\/]+$', 'g'))
    let paramName = null
    if (paramNames !== null && paramNames.length > 0) {
      paramName = paramNames[paramNames.length - 1].substring(1)
    }
    return {
      routeRecord: m,
      paramName: paramName
    }
  })
}

export function getChangedComponentsInstances (to, from) {
  let t = getRouteRecordWithParamNames(to)
  let r = []
  let parentChange = false
  for (var i = 0; i < t.length; i++ ) {
    var paramName = t[i].paramName
    var instances = t[i].routeRecord.instances
    instances = Object.keys(instances).map(function (key) {
      return instances[key]
    })
    if (parentChange) {
      r = [].concat(r, instances)
    } else if (paramName !== null) {
      if (to.params[paramName] !== from.params[paramName]) {
        parentChange = true
        r = [].concat(r, instances)
      }
    }
  }
  return r
}

PR merged

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.