link之家
链接快照平台
- 输入网页链接，自动生成快照
- 标签化管理网页链接
相关文章推荐
|
星星上的墨镜 · 使用Qt在Windows中构建用于Linux ...· 2 天前 · |
|
|
气宇轩昂的茄子 · Python ...· 8 月前 · |
|
|
慈祥的黄豆 · HBuilderX 插件开发指南 - 掘金· 2 年前 · |
|
|
仗义的柳树 · 转储为JSON增加了额外的双引号和转义引号· 2 年前 · |
|
|
大气的香蕉 · SwiftUI-账号输入框和密码输入框 - 知乎· 2 年前 · |
|
|
侠义非凡的小蝌蚪 · 前端 - git ...· 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能够同时解析字符串和字符串数组
推荐文章
|
|
慈祥的黄豆 · HBuilderX 插件开发指南 - 掘金 2 年前 |
|
|
仗义的柳树 · 转储为JSON增加了额外的双引号和转义引号 2 年前 |
|
|
大气的香蕉 · SwiftUI-账号输入框和密码输入框 - 知乎 2 年前 |