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

link之家

链接快照平台

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

相关文章推荐

玩手机的鸵鸟 · 我对角很陌生，我想设计角度上的(https: ...· 3 年前 ·

伤情的毛巾 · PHP文件的上传与下载 - 知乎· 3 年前 ·

没读研的匕首 · python - ...· 3 年前 ·

含蓄的大象 · hp, ht, pid, tid = ...· 3 年前 ·

安静的橙子 · 关于python使用代理连接外网报错OSEr ...· 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,

推荐文章

玩手机的鸵鸟 · 我对角很陌生，我想设计角度上的(https://bl.ocks.org/ngminhtrung/ef06acdaa036365dd15746effce7f474)可折叠d3力图。 - 问答 - 腾讯云开发者社区-腾讯云

3 年前

伤情的毛巾 · PHP文件的上传与下载 - 知乎

3 年前

没读研的匕首 · python - PyperclipException: only str, int, float, and bool values can be copied to the clipboard, not unicode - Stack Overflow

3 年前

含蓄的大象 · hp, ht, pid, tid = _winapi.CreateProcess(executable, args, FileNotFoundError: [WinError 2]系统找不到指定的文件_小峥嵘的博客-CSDN博客

3 年前

安静的橙子 · 关于python使用代理连接外网报错OSError: [Errno 0] Error - yu-ye - 博客园

3 年前

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

3 个回答