在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ nuxt 路由 問號(hào)參數(shù) 查詢參數(shù)很多

nuxt 路由 問號(hào)參數(shù) 查詢參數(shù)很多

根據(jù)文檔 可以得知 如下可以設(shè)置動(dòng)態(tài)路由

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


希望實(shí)現(xiàn)如下路由

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

后面可能會(huì)又很多參數(shù), 按照官方的介紹 我要建設(shè)很多目錄 每一個(gè)參數(shù)都要建立一個(gè)目錄,

有大佬知道如何配置如此復(fù)雜的路由參數(shù)嗎?

回答
編輯回答
你的瞳

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

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

打印出來為{sex:1,age:12,userId:45}

2017年4月14日 19:52
編輯回答
奧特蛋

nuxt的參數(shù)為什么要建文件夾,直接在你的跳轉(zhuǎn)里面的路由上加參數(shù)就好了兩種方法:

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

用JS跳轉(zhuǎn)

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

兩個(gè)例子,path為路徑,query為參數(shù)。

2017年8月15日 18:15