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

link之家

链接快照平台

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

相关文章推荐

沉着的火车 · 广东经济社会发展成就系列新闻发布会——科技创 ...· 1 年前 ·

傻傻的松树 · 关于在全县各级政务大厅开展“清廉大厅”建设接 ...· 1 年前 ·

成熟的打火机 · 第五十五次特邀测试开启公告__《阴阳师》手游 ...· 1 年前 ·

瘦瘦的烈马 · 法国一16世纪金匣子被盗 ...· 1 年前 ·

另类的香蕉 · R语言中写入Excel的不同sheet表格_ ...· 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,

推荐文章

沉着的火车 · 广东经济社会发展成就系列新闻发布会——科技创新强省建设专场（部分文字实录） | 广东省工业和信息化厅

1 年前

傻傻的松树 · 关于在全县各级政务大厅开展“清廉大厅”建设接受社会监督的公告_工作动态_蓝山县行政审批服务局

1 年前

成熟的打火机 · 第五十五次特邀测试开启公告__《阴阳师》手游官网《阴阳师》手游官网_唯美奇幻匠心巨制，开启唯美奇幻之旅

1 年前

瘦瘦的烈马 · 法国一16世纪金匣子被盗曾因装有法国王后心脏而闻名-新华网

1 年前

另类的香蕉 · R语言中写入Excel的不同sheet表格_r语言读取excel不同工作表-CSDN博客

1 年前

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

3 个回答