【问题标题】:How to add anchor links to sections of the page?如何将锚链接添加到页面的各个部分?
【发布时间】:2020-09-26 18:26:39
【问题描述】:

学习 vuejs。

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

谢谢..remco

【问题讨论】:

  • 那是纯粹的 HTML:只需使用 <a href="#YOUR_ID_HERE">

标签: vue.js vuejs2


【解决方案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

祝你好运

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-11-01
    • 2015-03-09
    • 2016-12-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多