如何将锚链接添加到页面的各个部分？

Posted 2023-02-22

【中文标题】如何将锚链接添加到页面的各个部分？

【英文标题】：How to add anchor links to sections of the page?

【发布时间】：2020-09-26 18:26:39

【问题描述】：

学习 vuejs。

谢谢..remco

【问题讨论】：

那是纯粹的 html：只需使用 <a href="#YOUR_ID_HERE">。

【参考方案1】：

如果您使用的是 vue，您可能需要 vue 路由器。查看https://router.vuejs.org/api/#router-link。解释的相关部分就在顶部附近，说明：

---

<router-link> 优于硬编码的<a href="...">，原因如下：

它在 HTML5 历史记录模式和哈希模式下的工作方式相同，因此如果您决定切换模式，或者当路由器在 IE9 中退回到哈希模式时，无需进行任何更改。 在 HTML5 历史模式下，router-link 会拦截点击事件，使浏览器不会尝试重新加载页面。 当您在 HTML5 历史模式中使用 base 选项时，您不需要将其包含在 prop 的 URL 中。

---

否则，如果链接是出站的，即。在站点/应用程序之外，照常a href。

祝你好运