时间戳

首页 > 解决方案 > Vue.js 中的内部链接：使用 vue-router 跳转到具有 id 的视图中的特定部分

html - Vue.js 中的内部链接：使用 vue-router 跳转到具有 id 的视图中的特定部分

问题描述

我有一个主页视图和一个博客视图。
尝试使用 a<router-link>从主页视图跳转到博客视图中的特定部分。
该部分看起来像<section id="fundamentals" class="section">

在 html 中，我相信它会像<a href="/blog/#fundamentals">Jump to specific blog section</a>
我如何使用 vue-router 复制它一样工作？

标签： htmlvue.jsvue-router

解决方案

您可以使用它并使用@click.native最佳答案中指定的路由器属性。你也可以使用更简单的 vue-scrollto 插件。这很容易

<a href="#" v-scroll-to="'#element'">Scroll to #element</a>
 
<div id="element">
    Hi. I'm #element.
</div>

设置插件后。

推荐阅读