nuxt 路由 问号参数 查询参数很多

Question

根据文档 可以得知 如下可以设置动态路由

pages/
--| users/
-----| _id.vue
-----| index.vue
--| users.vue

希望实现如下路由

/users/?sex=1&age=12&..

后面可能会又很多参数, 按照官方的介绍 我要建设很多目录 每一个参数都要建立一个目录，

有大佬知道如何配置如此复杂的路由参数吗?

Answer 1

nuxt的参数为什么要建文件夹，直接在你的跳转里面的路由上加参数就好了两种方法：

<nuxt-link :to="{path: item.link,query:{query:item.value}}">{{ item.text }}</nuxt-link>

用JS跳转

this.$router.push({path:'./blog',query:{search:e.target.value}})

两个例子，path为路径，query为参数。

Answer 2

/users?sex=1&age=12&userId=45

async asyncData ({query}) {
    console.log(query);
}

打印出来为{sex:1,age:12,userId:45}