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

相关文章推荐

星星上的墨镜 · 使用Qt在Windows中构建用于Linux ...· 2 周前 ·

睡不着的酸菜鱼 · 开学啦，同学们，欢迎回来！_卓雅· 1 年前 ·

鬼畜的仙人掌 · List Series DataFrame ...· 1 年前 ·

聪明伶俐的课本 · “南水北调、西气东输、青藏铁路、西电东送”四 ...· 1 年前 ·

飞翔的酸菜鱼 · 指数回落，全球经济复苏趋势放缓——2021年 ...· 1 年前 ·

大方的香烟 · Class Activation ...· 1 年前 ·

腾讯云

开发者社区

文档意见反馈控制台

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

推荐文章

星星上的墨镜 · 使用Qt在Windows中构建用于Linux的Qt应用程序开发者社区

2 周前

睡不着的酸菜鱼 · 开学啦，同学们，欢迎回来！_卓雅

1 年前

鬼畜的仙人掌 · List Series DataFrame Dict 使用详解 - chengjon - 博客园

1 年前

聪明伶俐的课本 · “南水北调、西气东输、青藏铁路、西电东送”四大工程简介

1 年前

飞翔的酸菜鱼 · 指数回落，全球经济复苏趋势放缓——2021年6月份CFLP-GPMI分析－国务院国有资产监督管理委员会

1 年前

大方的香烟 · Class Activation Mapping（CAM）_class activate map (cam) comparison-CSDN博客

1 年前

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

3 个回答