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

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

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


希望实现如下路由

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

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

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

回答:

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为参数。

回答:

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

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

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

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注