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

相关文章推荐

卖萌的紫菜汤 · 如何从日期中获取微秒数？开发者社区· 3 月前 ·

怕考试的炒粉 · 秋凉老师跨界巨制震撼上线：PHOTOSHOP ...· 1 年前 ·

温暖的煎饼 · 没有比赛也要纪念？Arai推出2020年曼岛 ...· 2 年前 ·

豪气的移动电源 · 【AION S】埃安_AION ...· 2 年前 ·

坚韧的凉面 · 4本图神经网络中文书籍的比较_图神经网络书籍 ...· 3 年前 ·

谦逊的面包 · 甄嬛传Q版 - 🌈️包子漫畫· 3 年前 ·

腾讯云

开发者社区

文档意见反馈控制台

首页 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,

推荐文章

卖萌的紫菜汤 · 如何从日期中获取微秒数？开发者社区

3 月前

怕考试的炒粉 · 秋凉老师跨界巨制震撼上线：PHOTOSHOP科研图片处理从入门到精通_研究

1 年前

温暖的煎饼 · 没有比赛也要纪念？Arai推出2020年曼岛TT纪念版头盔！_Vannin

2 年前

豪气的移动电源 · 【AION S】埃安_AION S_参数_图片_投诉_口碑_答疑_资讯-车质网

2 年前

坚韧的凉面 · 4本图神经网络中文书籍的比较_图神经网络书籍_infovisthinker的博客-CSDN博客

3 年前

谦逊的面包 · 甄嬛传Q版 - 🌈️包子漫畫

3 年前

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

3 个回答