Nuxt 3 já está disponível! Descobre mais sobre isso https://nuxt.com/v3

Translated page Contents of this page might be outdated.

A propriedade watchQuery

Watch query strings and execute component methods on change (asyncData, fetch, validate, layout, ...) Observa as sequência de caracteres de consulta e executa os métodos do componente sobre as mudanças (asyncData, fetch, validate, layout, ...)


  • Tipo: Boolean ou Array ou Function (valor padrão: [])

Use a chave watchQuery para definir um observador para sequência de caracteres de consulta. Se a sequência de caracteres definida mudar, todos os métodos do componente (asyncData, fetch(context), validate, layout, ...) serão chamados. A observação está desativada por padrão para melhora de desempenho.

Se você quiser definir um observador para todas sequências de caracteres de consulta, defina watchQuery: true.

export default {
  watchQuery: ['page']
}

Você pode também usar a função watchQuery(newQuery, oldQuery) para ter observadores mais refinados.

export default {
  watchQuery(newQuery, oldQuery) {
    // Apenas execute os métodos do componente se sequência de caracteres de consulta antiga conter `bar`
    // e a sequência de caracteres de consulta nova conter `conter`
    return newQuery.foo && oldQuery.bar
  }
}
Aviso: O novo gatilho fetch introduzido na versão 2.12 não é afetado pelo watchQuery. Para mais informações consulte ouvindo a mudanças na sequência de caracteres de consulta .
Edit this page on GitHub Updated at Wed, Feb 1, 2023