在根路由NuxtJS中使用get param

Question

我正在尝试在根路由中获取GET参数。 我从文档中读取了我需要的_id.vue文件，并将其与“ index.vue”位于同一级别。在index.vue中，我有：

beforeMount () {
  console.log(this.$route);
}

我正在尝试使用URL中的参数访问它，但是this.$route.params为空。

Answer 1

您正在混合事物。 this.$route.params用于路由参数，例如_id.vue。例如，假设您拥有pages/some/_id.vue，然后您加载网址/some/param/，在您的$route.params中将是id:param。

但是，如果您想获取GET参数，例如/some?param=value，您不需要_id。刚通过this.$route.query

访问

在此处查看docs

Answer 2

JavaScript方式：

const urlParams = new URLSearchParams(window.location.search);
const id = urlParams.get('id'); // ?id=123

Can I use