代码之家  ›  专栏  ›  技术社区  ›  avocado

下一个js:如何从当前子页面转到父页面?

  •  0
  • avocado  · 技术社区  · 3 年前

    抱歉如果这是一个超级愚蠢的问题,我是Next的初学者。然后做出反应。js。

    我有一些基本的知识,在接下来。js,我们可以创建页面的层次结构,以及xx_页面的路径。js文件将是该js文件的url路由, as described in the documentation .

    例如,我的页面结构如下:,

    pages  // a folder
    | -- home  // a folder
    |     | -- index.js  // a file, the code for route "/home"
          | -- sports  // a folder
          |     | -- index.js  // a file, the code for route "/home/sports"
          |     | -- football.js  // a file, the code for "/home/sports/football"
    

    假设当前页面位于路径“xxx.com/home/sports/football”,页面上有一个“Back”按钮,点击后,我们应该返回“xxx.com/home/sports”。

    我没能找到一个合适的方法来做到这一点,我在谷歌上发现的大部分内容都是关于回到上一页,而不是我想要的。

    请给我一些关于下一步怎么做的帮助。谢谢!

    2 回复  |  直到 3 年前
        1
  •  1
  •   windmaomao    3 年前

    “背”没有正确的定义,所以你必须定义它。对于按钮,如果您执行以下操作

          <Link href="/home/sports">
            <a className="back">←</a>
          </Link>
    

    它应该完全符合你的要求。

        2
  •  0
  •   Naveen Setty    3 年前

    如果您希望删除URL的最后一部分,可以执行以下操作

    let a = window.location.href.split("/")
    a.pop();
    window.location.href = a.join("/");