link之家
链接快照平台
- 输入网页链接，自动生成快照
- 标签化管理网页链接
相关文章推荐
|
鼻子大的杨桃 · vba如何获取本计算机名,【Access源码 ...· 2 月前 · |
|
|
千杯不醉的人字拖 · [完结20章]Kubernetes系统精讲 ...· 1 年前 · |
|
|
风流倜傥的饭卡 · Python csv模块（读写文件） - 知乎· 1 年前 · |
我想用下面的方法从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能够同时解析字符串和字符串数组
推荐文章
|
|
风流倜傥的饭卡 · Python csv模块（读写文件） - 知乎 1 年前 |