使用NuxtJS和AsyncData方法从URL中获取参数

Question

我尝试在URL中获取name参数的值：http://fakelocalhost:3000/page?name=test

我正在使用NuxtJS（v2.11.0）和TypeScript，并带有nuxt-property-decorator包（v2.5.0）。

但是，我得到的console.log(params.name)未定义结果。

这里，我的完整TS代码：

<script lang="ts">
  import {
    Component,
    Vue
  } from "nuxt-property-decorator";

  @Component({
    asyncData({ params  }) {
      console.log(params.name);
    }
  })
  export default class extends Vue {}
</script>

Answer 1

我找到了解决方法...

asyncData({ route }) {
   console.log(route.query.name);
}

使用route对象代替asyncData方法中的params。