|
|
相关文章推荐
|
星星上的墨镜 · 使用Qt在Windows中构建用于Linux ...· 3 月前 · |
|
|
英姿勃勃的冲锋衣 · 如何使用SQL获取该行数据中特定日期的一个月 ...· 3 周前 · |
|
|
刀枪不入的啄木鸟 · baselines算法库common/vec ...· 1 年前 · |
|
|
近视的充电器 · Python3爬虫抓取网易云音乐热评实战-腾 ...· 2 年前 · |
|
|
气宇轩昂的自行车 · 【笔记】Java - 掘金· 2 年前 · |
|
|
千年单身的生姜 · oracle存储过程if else用法-掘金· 2 年前 · |
我想用下面的方法从query params创建一个url：
router.push(
pathname: '/cars',
query: colors + type + price,
undefined,
shallow: true,
);
const colors = ['red', 'blue', 'yellow']; //the arrays could contain many others values
const type = ['offroad', 'sport'];
const price = 'hight' //this is a string
我想实现，当我点击触发
router.push
的按钮时，下一步：
/cars?color=red,yellow,blue&type=offroad,sport&price=hight
3 个回答
高票数
最新
Stack Overflow用户
回答于2020-11-02 02:03
得票数
0
https://nextjs.org/docs/api-reference/next/router#with-url-object
你试试这个
router.push({
pathname: '/cars',
query: {
colors: colors.join(","),
types: types.join(",")
})
Stack Overflow用户
回答于2020-11-02 18:23
已采纳
得票数
3
您可以简单地这样做：
const router = useRouter();
router.push(
pathname: '/cars',
query: {
colors,
type,
price,
undefined,
shallow: true,
},)；
根据Next/Router类型，查询类型为
ParsedUrlQuery
类型，相当于
interface ParsedUrlQuery extends NodeJS.Dict<string | string[]> { }也就是说，next/router能够同时解析字符串和字符串数组