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

link之家

链接快照平台

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

相关文章推荐

大鼻子的枕头 · ESP32 Change PWM Duty ...· 6 月前 ·

可爱的香瓜 · 安装Docker并使用镜像仓库ACR_云服务 ...· 10 月前 ·

曾经爱过的墨镜 · 郎溪君澜酒店-郎溪县人民政府· 11 月前 ·

冲动的西瓜 · 2024云栖大会｜阿里云无影AI云电脑亮相 ...· 1 年前 ·

迷茫的煎鸡蛋 · 济南政府网_济南市人民政府门户网站 ...· 2 年前 ·

腾讯云

开发者社区

文档意见反馈控制台

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

推荐文章

大鼻子的枕头 · ESP32 Change PWM Duty Cycle in Interrupt possible? - Advanced Solutions - PlatformIO Community

6 月前

可爱的香瓜 · 安装Docker并使用镜像仓库ACR_云服务器 ECS(ECS)-阿里云帮助中心

10 月前

曾经爱过的墨镜 · 郎溪君澜酒店-郎溪县人民政府

11 月前

冲动的西瓜 · 2024云栖大会｜阿里云无影AI云电脑亮相体验大幅升级_用户_晓颖_终端

1 年前

迷茫的煎鸡蛋 · 济南政府网_济南市人民政府门户网站重点关注刘强会见韩亚证券株式会社副总裁任商秀一行

2 年前

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

3 个回答