Nuxt获取查询参数

Question

我正在尝试从]获取q参数>

http://localhost:3000/search?q=myterms
但是，我似乎无法弄清楚为什么它会给我一个错误

无法读取未定义的属性'q'

<template>
 <div class="container">
  <h1>Hello</h1>
  Query: {{ query }}
 </div>
</template>

<script>
  export default {
    watchQuery: ['q'],
    name: 'Search',
    computed: {
      query() {
        return this.$route.params.query.q
      }
    }
  }
</script>

<style></style>

任何帮助将不胜感激！谢谢

我正在尝试从http：// localhost：3000 / search？q = myterms获取q参数，但是我似乎无法弄清楚为什么它会给我一个错误无法读取未定义的属性'q'< [...

Answer 1

$ route.params用于路由参数url/<param>，$ route.query用于查询字符串参数url?q=<value>