在Next.js中使用查询参数创建url

link之家

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

暴走的钥匙 · 南通新机场，为什么又引起热议？等等，为什么要 ...· 5 月前 ·

儒雅的钢笔 · 人参王国 - 萌娘百科万物皆可萌的百科全书· 6 月前 ·

调皮的小蝌蚪 · 武侠小说10大历史谜团：项少龙是项羽老爹，乾 ...· 6 月前 ·

怕考试的苹果 · 暗部论坛 - 百度· 6 月前 ·

腼腆的圣诞树 · 哥布林繁殖牧场游戏在哪里_头条· 8 月前 ·

腾讯云

开发者社区

文档意见反馈控制台

首页 TVP

文章/答案/技术大牛

发布

 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({
          pathname: '/cars',
          query: {
              colors: colors.join(","),
               types: types.join(",")
 })

 const router = useRouter();
 router.push(
    pathname: '/cars',
    query: {
      colors,
      type,
      price,
  undefined,
    shallow: true,
  },

interface ParsedUrlQuery extends NodeJS.Dict<string | string[]> { }

// ...
const router = useRouter();
// ...
    href={{
        pathname: router.pathname,

推荐文章

暴走的钥匙 · 南通新机场，为什么又引起热议？等等，为什么要说“又”|上海机场集团|南通市|南通新机场|旅客吞吐量|无锡|浦东|苏南|苏州_手机网易网

5 月前

儒雅的钢笔 · 人参王国 - 萌娘百科万物皆可萌的百科全书

6 月前

调皮的小蝌蚪 · 武侠小说10大历史谜团：项少龙是项羽老爹，乾隆帝是海宁人|金庸|萧峰_网易订阅

6 月前

怕考试的苹果 · 暗部论坛 - 百度

6 月前

腼腆的圣诞树 · 哥布林繁殖牧场游戏在哪里_头条

8 月前

在Next.js中使用查询参数创建url

3 个回答