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

link之家

链接快照平台

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

相关文章推荐

慷慨的匕首 · 斗罗大陆:至阳龙根 - ACG资源站 - ...· 5 天前 ·

刚失恋的拐杖 · CBETA 線上閱讀· 1 年前 ·

强健的柚子 · 广东省2024年春茗活动在香港、澳门举行 ...· 1 年前 ·

开心的苦咖啡 · 浙江大学就业服务平台· 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,

推荐文章

慷慨的匕首 · 斗罗大陆:至阳龙根 - ACG资源站 - v2dao

5 天前

刚失恋的拐杖 · CBETA 線上閱讀

1 年前

强健的柚子 · 广东省2024年春茗活动在香港、澳门举行粤港澳共商合作大计加速大湾区融合发展-中央政府驻澳门联络办公室

1 年前

开心的苦咖啡 · 浙江大学就业服务平台

1 年前

慷慨大方的吐司 · 河南省环境保护厅关于命名第七批省级生态乡镇和第六批省级生态村的决定_更多河南省生态环境厅

2 年前

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

3 个回答